如何用js动态给from页面增加input_IT百科

这样：

<body>

<form id='form'> --定义form

</form>

var input = document.createElement('input') //创建input节点

input.setAttribute('type', 'text') //定义类型是文本输入

document.getElementById('form').appendChild(input ) //添加到form中显示

</script>

</body>

扩展资料：

注意事项

一、form属性可以使input标签不再form表单内时也属于form表单中的一部分

</form>

二、JavaScript提交表单时，可以在input标签内添加required属性，在内容为空的时候阻止表单提交。

使用required属性时添加oninvalid属性可以自定义提示文字

</form>

你是想做二级联动吧

JAVASCRIPT *** 作的是DOM节点，是不需要重载页面的。

做这个是需要AJAX的，你通过把第一个下拉菜单的值传给后台，把从后台哪来的值作为第二个下来菜单的options

或者你用一个二维数组，写死到程序里。

javascript有两种方法可以添加文本框：

使用innerHTML将某个元素的内容填充为文本框的HTML代码

用createElement("input")创建input标签节点→setAttribute()设置文本框属性→用appendChild()追加到一个已存在的元素

下面实例演示用第二种方法往表单中添加文本框：

1、HTML结构

<form>

</div>

</form>

2、javascript代码

function fun(){

var ipt = document.createElement("input")

ipt.setAttribute("type","text")

ipt.setAttribute("name","test")

var div = document.getElementById("test")

div.appendChild(ipt)

}

3、效果演示

欢迎分享，转载请注明来源：内存溢出

如何用js动态给from页面增加input