disabled属性
disabled属性はフォーム要素を非活性にするための属性です。
readonly属性との違いは以下の内容です。
disabled属性 | readonly属性 | |
---|---|---|
form送信時 | 送信されない | 送信する |
ユーザー選択 | 選択できない | 選択できる |
input要素
input要素ではdisabled属性が指定された要素は非活性になり入力や選択などの操作が不可能になります。
<input type="text" disabled>
button要素
disabled属性が指定されたbutton要素は非活性になり操作が不可能になります。
<button disabled>送信</button>
select要素
disabled属性が指定されたselect要素は非活性になり操作が不可能になります。
<select disabled>
<option value="1"> Miner </option>
<option value="2"> Puffer </option>
<option value="3" selected> Snipey </option>
<option value="4"> Max </option>
<option value="5"> Firebot </option>
</select>
optgroup要素
disabled属性を指定することでoptgroup要素で指定しているグループを非活性に選択できないようにします。
<select>
<optgroup label="ソフトドリンク" disabled>
<option>オレンジジュース</option>
<option>コーラ</option>
<option>牛乳</option>
</optgroup>
<optgroup label="アルコール">
<option>ビール</option>
<option>ワイン</option>
<option>日本酒</option>
</optgroup>
</select>
option要素
option要素にdisabled属性を指定することで選択できない項目を作成することができます。
<select>
<option>ビール</option>
<option>ワイン</option>
<option disabled>日本酒</option>
</select>
textarea要素
textarea要素にdisabled属性を指定することで非活性な状態の複数行入力ボックスを作成することができます。
<textarea disabled></textarea>
keygen要素
keygen要素にdisabled属性を指定することでkeygen要素は非活性になり利用されなくなります。
<keygen disabled>
fieldset要素
fieldset要素にdisabled属性を付けることでfieldset要素内に含まれるフォーム部品を非活性にしユーザーが操作できなくなることができる。
<fieldset disabled>
登録日 : 2015年01月06日 最終更新日 : 2015年2月8日
同じカテゴリー(属性)のエントリー
- optimum属性
- high属性
- low属性
- from属性
- keytype属性
- challenge属性
- wrap属性
- rows属性
- cols属性
- selected属性
- menu属性
- disabled属性
- autofocus属性
- step属性
- size属性
- required属性
- readonly属性
- placeholder属性
- pattern属性
- multiple属性
- minlength属性
- min属性
- maxlength属性
- max属性
- list属性
- inputmode属性
- formtarget属性
- formnovalidate属性
- formmethod属性
- formenctype属性
- formaction属性
- dirname属性
- checked属性
- accept属性
- for属性
- novalidate属性
- method属性
- enctype属性
- autocomplete属性
- action属性
- accept-charset属性
- sorted属性
- abbr属性
- scope属性
- headers属性
- rowspan属性
- colspan属性
- span属性
- open属性
- srcset属性
- border属性
- sortable属性
- hreflang属性
- rel属性
- shape属性
- coords属性
- default属性
- label属性
- srclang属性
- kind属性
- media属性
- controls属性
- muted属性
- loop属性
- mediagroup属性
- autoplay属性
- preload属性
- poster属性
- form属性
- typemustmatch属性
- data属性
- seamless属性
- sandbox属性
- name属性
- srcdoc属性
- ismap属性
- height属性
- width属性
- usemap属性
- alt属性
- scoped属性
- datetime属性
- download属性
- target属性
- href属性
- value属性
- crossorigin属性
- defer属性
- async属性
- charset属性
- src属性
- cite属性
- type属性
- start属性
- reversed属性
- manifest属性