在 JavaScript 中添加重置按钮的方法：创建按钮元素并设置其类型为“重置”。为按钮添加文本或图像。添加按钮单击事件监听器，在点击时重置表单。将按钮追加到要重置的表单中。
如何在 JavaScript 中添加重置按钮
在 JavaScript 中，可以通过以下步骤添加一个重置按钮：
-
创建按钮元素
<code class="javascript">const resetButton = document.createElement("button");</code> - 设置按钮属性
- 为按钮设置类型为“重置”，使其成为重置按钮：
<code class="javascript">resetButton.type = "reset";</code>
- 为按钮添加适当的文本或图像：
<code class="javascript">resetButton.innerText = "重置"; // 纯文本</code>
- 添加按钮事件监听器
- 当按钮被单击时，重置表单（例如，清除所有输入）：
<code class="javascript">resetButton.addEventListener("click", function(e) {
e.preventDefault();
document.querySelector("form").reset();
});</code>- 将按钮添加到表单
- 将重置按钮追加到要重置的表单中：
<code class="javascript">document.querySelector("form").appendChild(resetButton);</code>就这样，您已经成功地在 JavaScript 中添加了一个重置按钮。当按钮被单击时，它将重置表单，清除所有输入并将其恢复到其初始状态。
