最新的Web開發教程
 

HTML disabled Attribute


定義和用法

disabled屬性是一個布爾屬性。

如果存在,則表示該元素應該被禁用。

禁用的元素是不可用的。

disabled屬性可以設置為保持用戶使用的元素,直到其他條件滿足(如選擇一個複選框,等等)。 然後,一個JavaScript可以刪除禁用的值,使元素可以使用。


適用於

disabled屬性可以在下列元素一起使用:

分子 屬性
<button> disabled
<fieldset> disabled
<input> disabled
<keygen> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

例子

Button示例

禁用的按鈕:

<button type="button" disabled>Click Me!</button>
試一試»

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