HTML無効属性
定義と使用法
disabled属性はブール属性です。
存在する場合、要素を無効にする必要があることを指定します。
無効にされた要素は使用できません。
この
disabled属性を設定すると、他の条件（チェックボックスの選択など）が満たされるまで、ユーザーが要素を使用できないようにすることができます。次に、JavaScriptは無効にされた値を削除し、要素を再び使用可能にすることができます。
に適用されます
この
disabled属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <ボタン> | 無効 |
| <フィールドセット> | 無効 |
| <入力> | 無効 |
| <optgroup> | 無効 |
| <オプション> | 無効 |
| <選択> | 無効 |
| <textarea> | 無効 |
例
ボタンの例
無効なボタン：
<button type="button" disabled>Click Me!</button>
フィールドセットの例
関連するフォーム要素のグループを無効にします。
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
入力例
入力フィールドが無効になっているHTMLフォーム：
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Optgroupの例
無効なオプショングループ：
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
オプションの例
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 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 w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
ブラウザのサポート
このdisabled属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| fieldset | Yes | Not supported | Yes | 7.0 | Yes |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
| option | 1.0 | 8.0 | 1.0 | Yes | Yes |
| select | Yes | Yes | Yes | Yes | Yes |
| textarea | Yes | Yes | Yes | Yes | Yes |