当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。
语法：
<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字
举例：
在浏览器中显示的结果：
输入账号
单击重置按钮
练习
新建示例页面demo.html，示例代码如下：
我来试一试：把“提交按钮”改为“重置按钮”
1、在示例代码中的第17行，把type="submit"改为type="reset"
2、在示例代码中的第17行，把value="提交"改为value="重置"
示例代码
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>重置按钮</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> <input type="submit" value="确定" /> <input type="submit" value="提交" /> </form> </body> </html>
此文章本站原创，地址 https://www.vxzsk.com/1260.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：hadoop YARN
下一篇：3.9、html form表单label标签
^