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

<input type="reset" name="clear" value="清空"/>

这段代码必须加在form内才能起作用,因为他是对form的各个元素 *** 作.

另外他是重置按钮,并不是清空按钮,有时候他们的效果是一样的,但并不是一回事.

举个例子,在一个form内 有个文本框的value属性值为a,你可以对文本框重新写入值b,然后点击重置按钮,他的值回归到a,并不是为空.只有当value的值为空的时候重置按钮才能起到清空的效果.

<input type="text" value="123123" id="test1"> <input type="button" value="清空" onclick="document.getElementById('test1').value=''" /> 可以清空~web的话xxx.text="" web的控件我很少用的~呵呵~抱歉


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存