HTML如何清空表单信息

HTML如何清空表单信息,第1张

如果 reset按钮不管用的话(reset要放到form标签中)

有个麻烦办法

那就是

设置每个input的value为空

document.getElementById("name").value=""

所有都这样设置

或者

for(var i=0i<document.getElementByTagName("input").lengthi++){

document.getElementByTagName("input")[i].value=""

}

HTML <input>标签的 type 属性 设置重置按钮

定义和用法

type 属性规定 input 元素的类型。

语法:<input type="value">

属性值

 button    

   定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。    

 checkbox    

   定义复选框。    

 file    

   定义输入字段和 "浏览"按钮,供文件上传。    

 hidden    

   定义隐藏的输入字段。    

 image    

   定义图像形式的提交按钮。    

 password    

   定义密码字段。该字段中的字符被掩码。    

 radio    

   定义单选按钮。    

 reset    

   定义重置按钮。重置按钮会清除表单中的所有数据。    

 submit    

   定义提交按钮。提交按钮会把表单数据发送到服务器。    

 text    

   定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 

实例

<!--定义重置按钮。重置按钮会清除表单中的所有数据。-->

<input type="reset" value="重置" />

接着取得要删除行的元素var cell = document.getElementById("delCell")最后就是从tbody中移去要删除的行就可以了mainbody.removeChild(cell)完整的代码如下:<html><head><title>动态删除表格的行</title><script type="text/javascript">function deleteCell(){var mailbody = document.getElementById("mainbody")var cell = document.getElementById("delCell")if(cell!=undefined){mainbody.removeChild(cell)}}</script></head><body><table border="1"><tr><td>姓名</td><td>地址</td></tr><tbody id="mainbody">


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

原文地址: http://outofmemory.cn/zaji/7270593.html

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

发表评论

登录后才能评论

评论列表(0条)

保存