JavaScriptで入力テキストボックスを作成する方法

プログラムが表示するテーブルには、内部のデフォルトテキストとして入力があります。 idを持つ入力テキストボックスに置き換える方法を知りたい。JavaScriptで入力テキストボックスを作成する方法

<html> 
<body> 

</body> 
<script> 
function tableCreate(){ 
var body = document.body, 
tbl = document.createElement('table'); 
tbl.style.width = '100px'; 
tbl.style.border = '2px solid black'; 
var n=5 
for(var i = 0; i < n; i++){ 
    var tr = tbl.insertRow() 
    var td = tr.insertCell(0); 
    var tf = tr.insertCell(0); 
    td.appendChild(document.createTextNode('input')); 
    tf.appendChild(document.createTextNode('input')); 
    td.style.border = '2px solid black'; 
    tf.style.border = '2px solid black'; 
    } 

body.appendChild(tbl); 
} 
tableCreate(); 
</script> 
</html>

出典

2016-05-15 chika

がdocument.createTextNode("input")ためdocument.createElement("input")に置き換えていただきありがとうございます。 form要素を作成し、各要素inputに属性属性nameを含めます。 idから"input-a" + iと"input-b" + iを設定します。 input type="submit"〜form要素を付加する。 table要素formへ

<body> 
 
    <script> 
 
    function tableCreate() { 
 
     var body = document.body, 
 
     tbl = document.createElement('table'); 
 
     tbl.style.width = '100px'; 
 
     tbl.style.border = '2px solid black'; 
 
     var n = 5 
 
     for (var i = 0; i < n; i++) { 
 
     var tr = tbl.insertRow(); var td = tr.insertCell(0); 
 
     var tf = tr.insertCell(0); 
 
     var input = document.createElement('input'); 
 
     input.name = "input-a" + i; 
 
     input.id = "input-a" + i; 
 
     input.value = ""; 
 
     var clone = input.cloneNode(); 
 
     clone.name = "input-b" + i; 
 
     clone.id = "input-b" + i; 
 
     td.appendChild(clone); 
 
     tf.appendChild(input); 
 
     td.style.border = '2px solid black'; 
 
     tf.style.border = '2px solid black'; 
 
     } 
 
     var form = document.createElement("form"); 
 
     form.appendChild(tbl); 
 
     body.appendChild(form); 
 
     var submit = document.createElement("input"); 
 
     submit.type = "submit"; 
 
     form.appendChild(submit) 
 
    } 
 
    tableCreate(); 
 
    </script> 
 
</body >

出典

2016-05-15 23:46:13 guest271314

おかげで多くを作成しAPPEND、それが働きました。しかし、私は入力要素がIDを持つようにしたいので、値を抽出することができます。また、すべての入力ボックスを一度に送信する送信ボタンを作成する方法もあります。あなたが助けてくれてありがとう – chika

@chika更新された記事を参照してください – guest271314

ありがとう。私は感謝します – chika

JavaScriptで入力テキストボックスを作成する方法

答えて

関連する問題