<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 屬性的相容性