html做表单时怎么在结尾设置重置按钮,摁下就能清空表单

html做表单时怎么在结尾设置重置按钮,摁下就能清空表单,第1张

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

定义和用法

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

语法:<input type="value">

属性值

 button    

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

 checkbox    

   定义复选框。    

 file    

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

 hidden    

   定义隐藏的输入字段。    

 image    

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

 password    

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

 radio    

   定义单选按钮。    

 reset    

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

 submit    

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

 text    

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

实例

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

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

reset按钮将表单重新设置为其默认设置。 请特别注意放置reset按钮的位置:过于靠近“ submit按钮,某些用户不可避免地会无意间点击它,而不是错误地单击“ submit按钮,一旦这样做,就无法取回其信息。 物理上将submit按钮和reset按钮至少隔开一个空格,或者完全跳过重置按钮。

在需要添加的地方输入

<input type="reset" name="button" id="button" value="重置" />

就好了

不过现在做网页很少使用重置按钮勒


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存