定義和用法
該disabled屬性是一個布爾屬性。
如果存在,則表示該元素應該被禁用。
禁用的元素是不可用的。
該disabled屬性可以設置為保持用戶使用的元素,直到其他條件滿足(如選擇一個複選框,等等)。 然後,一個JavaScript可以刪除禁用的值,使元素可以使用。
適用於
該disabled屬性可以在下列元素一起使用:
分子 | 屬性 |
---|---|
<button> | disabled |
<fieldset> | disabled |
<input> | disabled |
<keygen> | disabled |
<optgroup> | disabled |
<option> | disabled |
<select> | disabled |
<textarea> | disabled |
例子
Fieldset示例
禁用一組相關的表單元素:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
試一試» Input示例
HTML表單與禁用的輸入字段:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
試一試» Keygen例
禁用的<keygen>元素:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>
試一試» Optgroup例
禁用的選項組:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
試一試» Option示例
一個下拉列表中一個禁用選項:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
試一試» Select示例
禁用的下拉列表:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
試一試» Textarea示例
禁用的文本區域:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
試一試» 瀏覽器支持
該disabled
屬性為每個元素以下瀏覽器支持:
元件 | |||||
---|---|---|---|---|---|
button | 是 | 是 | 是 | 是 | 是 |
fieldset | 是 | 不支持 | 是 | 7 | 是 |
input | 1.0 | 6 | 1.0 | 1.0 | 1.0 |
keygen | 是 | 不支持 | 是 | 6 | 是 |
optgroup | 1.0 | 8 | 是 | 是 | 是 |
option | 1.0 | 8 | 1.0 | 是 | 是 |
select | 是 | 是 | 是 | 是 | 是 |
textarea | 是 | 是 | 是 | 是 | 是 |