在 JavaScript 中，可以通过创建 HTML <input> 元素并设置 type 属性为 "reset" 来添加重置按钮，从而清空表单中可编辑字段的值。
JavaScript 中添加重置按钮
如何添加重置按钮？
在 JavaScript 中，可以使用 HTML <input> 元素创建一个重置按钮。使用以下代码即可：
<code class="html"><input type="reset" value="重置"></code>
详细步骤：
-
在 HTML 文档中创建
<form>元素。表单将包含重置按钮和其他表单元素。 -
在表单中添加
<input>元素，并设置type属性为 "reset"。这将创建一个重置按钮。 -
设置
value属性以指定按钮上的文本。例如，可以将其设置为 "重置"。 - 将表单添加到页面中。
代码示例：
<code class="html"><form> <label for="name">姓名：</label> <input type="text" id="name"> <label for="email">电子邮件：</label> <input type="email" id="email"> <input type="reset" value="重置"> </form></code>
当用户点击重置按钮时，它将清空表单中所有可编辑字段的值，使表单回到初始状态。
