仕様書

フォーム制御子系要素 `disable` 属性

[2] HTML のフォーム制御子系要素の disabled 属性は、その制御子の利用者入力を無効にします。

[14]

要素型: button, input, optgroup, option, select, textarea, fieldset, optgroup, option
属性名: disabled (disalbed (無効) より)
属性値: ブール型属性 (>>4)
既定値: 偽 (>>4)

[3] 仕様書:

HTML 4 (Web Forms 1.0)
- 17.12.1 Disabled controls IW:HTML4:"interact/forms.html#disabled"
Web Forms 2.0
- 2.5. Extensions to existing attributes IW:WF2:"#extensions0"
- http://www.whatwg.org/specs/web-forms/current-work/#relation

[11] HTML 4 DTD の注釈 (参考) には unavailable in this context と説明があります。

属性値

[4] この属性は真偽値属性です。指定すれば真 (無効)、指定しなければ偽 (有効) です。

[5] この属性は継承しますが、局所宣言が継承値を上書きします HTML 4 17.12.1。この規定が適用されるのは、メニュー選択制御子 (select) の場合と推定されます。

[15] fieldset が disabled されると、その子孫のフォーム制御子は、すべて disabled となります。 WF2 2.5

UA による利用

[6] 無効化された制御子は、

焦点を受取りません。 HTML 4 17.12.1
タブ navigation (tabindex 参照。) で飛ばされます。 HTML 4 17.12.1
成功できません。 HTML 4 17.12.1
レンダリングは UA 依存です。HTML 4 17.12.1
- 例: メニュー項目やボタンの名札を灰化する。 HTML 4 17.12.1

[16] 利用者エージェントは、

disabled 属性が設定されているフォーム制御子と、
祖先の fieldset 要素の disabled 属性が設定されているフォーム制御子

を無効化しなければなりません。 WF2 2.5

[17] >>16 を厳密に解釈すると、フォーム制御子でない option と optgroup と fieldset は無効化されず、フォーム制御子である (が disabled は持たない) output は無効化されることになってしまいますが、 fieldset や output に対して有効・無効ということはあまり意味がありませんし、 option や optgroup は select の子孫でない限り、やはり有効・無効にあまり意味はないので、特に問題はなさそうです。

実装

[12] CSS Attribute selector bug - My Opera Forums http://my.opera.com/forums/showthread.php?threadid=96113

[18] IE7以下でもdisabled 属性を利用できるようになる「select-option-disabled-emulation.js」-JavaScript Library Archive (2009-04-19 14:38:57 +09:00 版) http://javascript.webcreativepark.net/library/select-option-disabled-emulation

他との関係

[7] HTML 的には有効・無効を動的に切り替える方法がなく、スクリプトを使うことになっています。 HTML 4 17.12.1

[8] 似たような属性として readonly があります。利用者の入力を受け付けないという意味では disabled と同じですが、 readonly な制御子は成功するなどの違いがあります。

アクセス可能性・可用性・安全性

[10] この属性は、例えば、必須の項目が入力されるまで提出ボタンを無効にする、といったような目的で使うことができます HTML 4 17.12.1。しかし、 HTML だけでは有効・無効状態を動的に切り替えることができませんから、その機能はスクリプトによって実現する必要があります。

このような場合、初期状態では必須の項目が未入力の状態であるとすると、提出ボタンの初期状態も無効となるべきです。従って、 HTML 文書に直接 <input type="submit" disabled> と指定しておきたくなります。しかし、これは好ましくありません。なぜなら、スクリプトが使えない UA やスクリプトを無効にしている利用者は、この提出ボタンを押してフォームを提出しておくことができなくなってしまいます。

ですから、 HTML 文書の記述は

<input type="submit">

にとどめておき、スクリプトによって最初にこのボタンを無効化するという方法を採るべきです。

例

[9] 無効な文章入力制御子の例 HTML 4 17.12.1

<INPUT disabled name="fred" value="stone">

この例では、この制御子は通常レンダリングされますが、利用者は編集できませんし、提出時に使われることもありません。

無効 fieldset

[21] fieldset 要素は、次の時無効fieldset (disabled fieldset) です >>84。

[82] disabled 属性を持つもの
[83] disabled 属性を持つ fieldset 要素の子孫であるもので、そちらの fieldset 要素の最初の legend 要素たる子供の子孫ではないもの

実際に無効

定義

[71] 要素が実際に無効 (actually disabled) であるとは、次の状態をいいます >>70。

[54] button 要素で無効なもの
[55] input 要素で無効なもの
[56] select 要素で無効なもの
[57] textarea 要素で無効なもの
[58] optgroup 要素で disabled 属性を持つもの
[59] option 要素で無効なもの
[60] ~~command 要素で disabled 属性を持つもの~~
- >>72 で削除
[61] li 要素で menu 要素の子供であって、命令を定義する子要素を持っており、かつそのような最初の要素の無効状態ファセットが真 (無効) であるもの
- >>72 で削除
[74] ~~menuitem 要素で disabled 属性を持つもの~~
- >>72 で追加
[62] fieldset 要素で無効fieldsetであるもの

[68] <input type=hidden> には適用されないこととされていましたが、実装に合わせて >>67 で適用されるように変更されました。

用法

[75] この概念は :disabled/:enabled 擬似クラス (>>53) の定義とフォーカス可能性の定義で使われています。

`:disabled` 擬似クラス、`:enabled` 擬似クラス

[25] :enabled 擬似クラス、:disabled 擬似クラスは、利用者界面要素が有効である、または無効であることをそれぞれ表します >>24。

仕様書

意味

[26] どの要素が利用者界面要素であるか、また有効であるか無効であるか、は文書言語によって定義されます >>24。

[27] CSS 的に利用者が操作可能であるか否かは有効・無効に直接影響しません。例えば 'display' や 'visibility' によってレンダリングの有無を指定し、ひいては利用者が操作できなくすることができるかもしれませんが、それによって :enabled と :disabled の状態が変化するわけではありません。 >>24