<input>
元素用于创建各种输入字段,包括文本框、密码框、复选框等。其中,type="reset"
属性用于创建一个重置按钮,当用户点击该按钮时,所有表单字段的值将被重置为初始值。
属性
name
: 指定<input>
元素的名称value
: 指定重置按钮的显示文本disabled
: 禁用重置按钮
示例代码
-- -------------------- ---- ------- ----- ------------ ------ --------------------------- ------ ----------- ------------- ---------------- ---- ------ -------------------------- ------ --------------- ------------- ---------------- ---- ------ ------------ ----------- -------
在上面的示例中,我们创建了一个包含用户名和密码输入字段以及一个重置按钮的表单。当用户点击重置按钮时,用户名和密码字段的值将被重置为初始值。
JavaScript 操作
document.getElementById('myForm').reset();
上面的 JavaScript 代码可以通过表单的 reset()
方法来重置表单字段的值。当调用该方法时,表单中所有字段的值将被重置为初始值。
这就是 <input>
元素中重置按钮的用法和操作方法。希望这部分内容对你有所帮助!
属性 | 描述 | W3C |
---|---|---|
disabled | 设置或返回重置按钮是否应被禁用。 | Yes |
form | 返回一个对包含此重置按钮的表单对象的引用。 | Yes |
name | 设置或返回重置按钮的名称。 | Yes |
type | 返回重置按钮的表单元素类型。 | Yes |
value | 设置或返回重置按钮上显示的文本。 | Yes |