?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
<input>類型的元素"reset"被渲染為重置按鈕 - 單擊一個(gè)將重置所有輸入的形式，它是其初始值的一部分。
<input type="reset" value="Reset the form">
注意：通常不建議在表單中包含重置按鈕。它們很少有用，而且當(dāng)意外按下而不是主動(dòng)按下提交按鈕時(shí)往往會(huì)使用戶沮喪。
值 | 用作按鈕標(biāo)簽的DOMString |
|---|---|
活動(dòng) | 點(diǎn)擊 |
支持的通用屬性 | 類型和價(jià)值 |
IDL屬性 | 值 |
方法 | 沒有 |
值
一個(gè)<input type="reset">元素的value屬性包含DOMString一個(gè)用作按鈕的標(biāo)簽。
<input type="reset" value="Reset the form">
如果你不指定一個(gè)value，你會(huì)得到一個(gè)默認(rèn)標(biāo)簽Reset的按鈕：
<input type="reset">
使用重置按鈕
<input type="reset">按鈕用于重置表單。如果你想創(chuàng)建一個(gè)自定義的按鈕，然后使用JavaScript自定義行為，則需要使用<input type="button">或更好的<button>元素。
一個(gè)簡單的重置按鈕
我們將開始創(chuàng)建一個(gè)簡單的重置按鈕：
<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>
這呈現(xiàn)如下：
嘗試在文本字段中輸入一些文本，然后按下重置按鈕。
添加重置鍵盤快捷鍵
鍵盤快捷鍵可讓用戶使用鍵盤上的鍵或鍵組合來觸發(fā)按鈕。要將鍵盤快捷鍵添加到重置按鈕可以使用accesskey全局屬性。
在這個(gè)例子中，r被指定為訪問鍵（您需要按r加上您的瀏覽器/操作系統(tǒng)組合的特定修飾鍵;請參閱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>
注意：以上例子的問題當(dāng)然是用戶不知道訪問密鑰是什么！在真實(shí)網(wǎng)站中，您必須以不干擾網(wǎng)站設(shè)計(jì)的方式提供此信息（例如，通過提供易于訪問的鏈接指向有關(guān)網(wǎng)站訪問鍵的信息）。
禁用并啟用重置按鈕
要禁用重置按鈕，只需disabled在其上指定全局屬性，如下所示：
<input type="reset" value="Disabled" disabled>
您可以在運(yùn)行時(shí)通過設(shè)置disabled為true或來啟用和禁用按鈕false; 在JavaScript中，這看起來像btn.disabled = true。
注意：請參閱<input type="button">頁面以獲取有關(guān)啟用/禁用按鈕的更多信息。
注：Firefox將不像其他的瀏覽器，默認(rèn)情況下，堅(jiān)持動(dòng)態(tài)禁用狀態(tài)一的<button>整個(gè)頁面加載。使用該autocomplete屬性來控制此功能。
驗(yàn)證
按鈕不參與約束驗(yàn)證; 他們沒有真正的價(jià)值被約束。
示例
我們已經(jīng)包含上面的簡單例子。關(guān)于重置按鈕沒有什么可說的。
規(guī)范
規(guī)范 | 狀態(tài) |
|---|---|
HTML生活標(biāo)準(zhǔn)在該規(guī)范中定義'<input type ='reset'>''。 | 生活水平 |
HTML5該規(guī)范中的<input type =“reset”>“的定義。 | 建議 |
瀏覽器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.7 or earlier) | (Yes) | (Yes) | 1.0 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
Basic support | (Yes) | 4.0 (4.0) | (Yes) | (Yes) | (Yes) |