定義と使用法
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例
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 | はい | はい | はい | はい | はい |