📜  如何使用 HTML 在表单中创建重置按钮?(1)

📅  最后修改于: 2023-12-03 15:08:19.421000             🧑  作者: Mango

如何使用 HTML 在表单中创建重置按钮?

在 HTML 表单中,可以使用 <input> 标签创建一个重置按钮。该按钮用于将表单中的所有输入项重置为默认值。

HTML 代码示例
<form>
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name"><br>
  <label for="email">邮箱:</label>
  <input type="email" id="email" name="email"><br>
  <input type="reset" value="重置">
</form>

在上面的示例代码中,我们创建了一个表单,包含姓名和邮箱两个输入项,还有一个 type 属性为 reset 的按钮,点击该按钮可以重置表单。

属性和值

<input> 标签的 type 属性为 reset,表示创建一个重置按钮。

重置按钮的默认值为 "重置",可以使用 value 属性自定义按钮文本。

注意事项
  • 重置按钮会将表单中所有的输入项重置为默认值。
  • 重置按钮不会清除表单中的验证提示信息。

以上就是如何使用 HTML 在表单中创建重置按钮的内容。编写好代码后,我们可以在浏览器中运行查看效果。