最新の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

1無効オプションを指定して、ドロップダウンリスト:

<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.0 はい
input 1.0 6.0 1.0 1.0 1.0
keygen はい サポートされていません はい 6.0 はい
optgroup 1.0 8.0 はい はい はい
option 1.0 8.0 1.0 はい はい
select はい はい はい はい はい
textarea はい はい はい はい はい