当前位置: 首页 > 文档资料 > HTML 宝典 >

3.4.2 重置按钮

优质
小牛编辑
133浏览
2023-12-01

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

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

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

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

reset按钮
图3-32 reset按钮

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