如何使用javascript动态创建表单？

debugcn 发表于 Dev

索米尔

下面的代码将文本内容动态添加到列表中，

window.onload = function()
{
    //alert("Window is loaded");

    var numberList = document.getElementById("numberList");


    //for every number between 100 and 200      
    for(var i = 0; i > 100 && i < 200; i++)
    {
        if ( i % 17 == 0 && i % 2 == 0) //if number evenly divisible by 17 and 2
        {
                    //create new li element
            var newNumberListItem = document.createElement("li");

                    //create new text node
            var numberListValue = document.createTextNode(i);

                    //add text node to li element
            newNumberListItem.appendChild(numberListValue);

                    //add new list element built in previous steps to unordered list
                    //called numberList
            numberList.appendChild(newNumberListItem);

        }
    }
}

现在，我不想添加像“ i”这样的文本内容到列表中，而是要添加一个带有一个文本字段和一个提交按钮的表单。提前致谢。

保罗

仅举一个例子，您可以根据需要进行更改

内部脚本标签

var f = document.createElement("form");
f.setAttribute('method',"post");
f.setAttribute('action',"submit.php");

var i = document.createElement("input");
i.setAttribute('type',"text");
i.setAttribute('name',"username");

var s = document.createElement("input");
s.setAttribute('type',"submit");
s.setAttribute('value',"Submit");

f.appendChild(i);
f.appendChild(s);

document.getElementsByTagName('body')[0].appendChild(f);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。