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="重置" />

每个浏览器都是不同的,取决于你调试的浏览器。1.如果表单中有 type = “ submit”按钮,则回车键生效。图2。如果表单中只有一个 type = “ text”输入,则不管按钮的类型如何,输入键都会生效。图3。如果按钮不是输入,但按钮,没有类型添加,即缺省类型 = 按钮和 fx 缺省类型 = 提交。图4。其他形式元素,如 textarea 和 select,不受影响。单选复选框不会影响触发规则,但是它会在 fx 下响应返回键而不是 Internet Explorer。5.Type = “ image”输入时,效果相当于 type = “ submit” ,不知道为什么设计这样的类型,不推荐,应该加上 css 背景图更合适。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存