HTML 重置按钮

重置按钮

有时候，用户填完表单信息后，发现填写错误，希望将表单数据还原为页面加载时的状态。为此，可以在表单上创建一个重置按钮（reset按钮）。

把 input 元素的 type 属性设置为“reset”，来创建重置按钮。value 属性的值，为按钮上显示的文本。如果没有提供 value 属性，则按钮上默认显示“重置”。如：

1. <input type="reset" value="取消">

上述按钮的运行结果如图 3‑32 所示：

图3-32 reset按钮

当用户点击重置按钮时，就会清除用户填写的数据，将表单中的所有控件重新设置为它们的初始值。在用户提交表单时，重置按钮的 name 和 value 不会提交给服务器。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

版权声明：本文出自 歪脖网 的《HTML宝典》，欢迎在线阅读，并提出宝贵意见。