<input type="reset">

<input type="reset"> 元素的 value 属性包含一个字符串，该字符串用作按钮的标签，为按钮提供一个 可访问描述。像 reset 这样的按钮在没有其他情况下不会有值。

如果你没有指定 value，你将得到一个带有默认标签的按钮（通常是“重置”，但这将根据 用户代理 不同而有所变化）。

<input type="reset" />

<input type="reset"> 按钮用于重置表单。如果你想创建一个自定义按钮，然后使用 JavaScript 自定义行为，你需要使用 <input type="button">，或者更好的选择，使用 <button> 元素。

我们将从创建一个简单的重置按钮开始

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text" />
  </div>
  <div>
    <input type="reset" value="Reset the form" />
  </div>
</form>

这将显示如下

尝试在文本字段中输入一些文本，然后按重置按钮。

要向重置按钮添加键盘快捷键 - 就像你对任何 <input> 做的那样，只要它有意义 - 你可以使用 accesskey 全局属性。

在这个例子中，r 被指定为访问键（你需要按 r 键加上你浏览器/操作系统组合的特定修饰键；请参阅 accesskey 以获取这些键的有用列表）。

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text" />
  </div>
  <div>
    <input type="reset" value="Reset the form" accesskey="r" />
  </div>
</form>

上面的例子存在的问题是，用户无法知道访问键是什么！这尤其是在修饰符通常是非标准的，以避免冲突的情况下。在构建网站时，请确保以一种不会干扰网站设计的方式提供此信息（例如，提供一个易于访问的链接，指向关于网站访问键的信息）。向按钮添加工具提示（使用 title 属性）也可以提供帮助，尽管它不是针对可访问性目的的完整解决方案。

要禁用重置按钮，请在其上指定 disabled 属性，如下所示

<input type="reset" value="Disabled" disabled />

你可以在运行时通过将 disabled 设置为 true 或 false 来启用和禁用按钮；在 JavaScript 中，这看起来像 btn.disabled = true 或 btn.disabled = false。

按钮不参与约束验证；它们没有真正需要约束的值。

我们在上面包含了简单的示例。关于重置按钮，我们没有更多内容要讲了。

• <input> 和实现它的 HTMLInputElement 接口。
• 表单和按钮
• HTML 表单
• The <button> element
• CSS 属性的兼容性