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

如何用js动态给from页面增加input,第1张

这样:

<body>

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

</form>

<script>

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

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

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

</script>

</body>

扩展资料:

注意事项

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

<form action="xxx" id="forms">

<input type="submit" value="提交">

</form>

<input type="text" form="forms" name="names">

<!-- IE中不支持这个属性 -->

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

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

<form action="xxx" method="post">

<input type="text" name="fname" required oninvalid="setCustomValidity('不能为空')">

<input type="submit" value="提交">

</form>

<!-- IE9及更早版本不支持 -->

省市联动里面,市表单里面必须有对应的省字段name或者ID,通过选择的selec 市 from table where ID=省查询,然后add动态添加。

第一种模板才是通常显示的模板,存取也没有什么不同,取对应位置的数据组,循环insert。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11624486.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存