* フォーム制御子系要素 readonly 属性 (HTML, XHTML 1)
[2] [[HTML]] のフォーム[[制御子]]系要素の
[DFN[[CODE(HTMLa)[readonly]] 属性]]は、
その制御子の変更を禁じます。
[10]
:状態:[[W3C]] [[勧告]]、 [[WHATWG]] [[WD]]
:[[要素型]]:
[CODE(HTMLe)@en[[QN[[[input]]] [http://www.w3.org/1999/xhtml]]]],
[CODE(HTMLe)@en[[QN[[[textarea]]] [http://www.w3.org/1999/xhtml]]]]
:[CODE(DOMa)@en[[[type]]]]:
[CODE(HTML)@en[[[text]]]],
[CODE(HTML)@en[[[password]]]],
[CODE(HTML)@en[[[email]]]],
[CODE(HTML)@en[[[url]]]],
[CODE(HTML)@en[[[date]]]],
[CODE(HTML)@en[[[datetime]]]],
[CODE(HTML)@en[[[datetime-local]]]],
[CODE(HTML)@en[[[month]]]],
[CODE(HTML)@en[[[week]]]],
[CODE(HTML)@en[[[time]]]],
[CODE(HTML)@en[[[number]]]],
[CODE(HTMLe)@en[[[textarea]]]]
:[[属性名]]:[CODE(HTMLa)@en[[[readonly]]]]
([Q@en[read‐only]] ([Q[読取専用]]) より)
:[[属性値]]:[[ブール型属性]] (>>4)
:[[既定値]]:[[偽]] (>>4)
[3] 仕様書:
- [[HTML 4]] ([[Web Forms 1.0]])
-- [CITE[17.12.2 Read-only controls]]
- [[Web Forms 2.0]]
-- [CSECTION@en[2.5. Extensions to existing attributes]]
--
** 属性値
[4] この属性は[[真偽値属性]]です。指定すれば真 (読取専用)、
省略すれば偽 (読書可能) です。
[9]
HTML 4 DTD の[[注釈]] (参考) には
[Q[for text and passwd]]
と説明があります。
[[#comment]]
** UA による利用
[5] 読取専用の要素は、
- [[焦点]]を受取ります。 [SRC[HTML 4 17.12.2]]
- [[利用者]]が編集することはできません。[SRC[HTML 4 17.12.2]]
- タブ navigation ([CODE(HTMLa)[[[tabindex]]]] を参照。) に含まれます。
[SRC[HTML 4 17.12.2]]
- [[成功]]し得ます。 [SRC[HTML 4 17.12.2]]
- [[レンダリング]]は UA 依存です。 [SRC[HTML 4 17.12.2]]
[[#comment]]
** アクセス可能性・可用性・安全性
[8] この属性は HTML 的手段で動的に編集できません (>>6) から、
アクセス可能性に関して [CODE(HTMLa)[[[disabled]]]]
属性と同じ問題を抱えています。
** 歴史
[11]
[[HTML 4]] では [CODE(HTMLa)@en[[[type]]]]
に関する規定はありませんでしたが、
[[Web Forms 2.0]] は適用対象を明記しています。
[[ボタン]]系の [[widget]] には[[読取専用]]の概念はありません
[SRC@en[WF2 2.5]]。
** 関連
[6] 制御子が読取専用であるかどうかを、 HTML 的に動的に編集する方法はありません。
動的に変更する場合は[[スクリプト]]を使うことになります。 [SRC[HTML 4 17.12.2]]
[7] 似た属性として、 [CODE(HTMLa)[[[disabled]]]] があります。
こちらは成功しないなどより強い制約を受けます。
[CODE(HTMLa)[disabled]] は [CODE(HTMLe)[select]] などより多くの要素に指定できます。
** メモ
[1] [WEAK[2004-03-06 11:53:47 +00:00]] ''[[名無しさん]]'':
[CITE[Request clarification: Does readonly apply to checkboxes and radio buttons? from Robin Lionheart on 2004-02-19 (www-html@w3.org from February 2004)]]
[14] [CITE['''['''whatwg''']''' Can we make checkboxes readonly?]]
([TIME[2011-04-07 15:12:01 +09:00]] 版)
* [CODE(CSS)@en[:read-only]] 擬似クラス、 [CODE(CSS)@en[:read-write]] 擬似クラス
** 仕様書
[REFS[
- [26] [CITE@en-US-x-hixie[HTML Standard]] ([TIME[2011-11-12 00:22:26 +09:00]] 版)
- [15] [CITE@EN[XForms 1.1]] ([TIME[2010-08-13 07:45:33 +09:00]] 版)
]REFS]
** 意味
*** HTML
[30] [CODE(CSS)@en[[[:read-write]]]] は次の[[要素]]に[[一致]]しなければ[['''なりません''']] [SRC[>>26]]。
- [31] [CODE(HTMLe)@en[[[input]]]] [[要素]]であって [CODE(HTMLa)@en[[[readonly]]]] [[属性]]が適用されるもので、
[[変異不能]]であるもの
-- つまり [CODE(HTMLa)@en[[[readonly]]]] [[属性]]を持たず、[[無効]]でもないもの
- [32] [CODE(HTMLe)@en[[[textarea]]]] [[要素]]であって [CODE(HTMLa)@en[[[readonly]]]] [[属性]]を持たず、
[[無効]]でないもの
- [33] [[編集ホスト]]または[[編集可能]]である[[要素]]で [CODE(HTMLe)@en[[[input]]]] でも
[CODE(HTMLe)@en[[[textarea]]]] でもないもの
[34] [CODE(CSS)@en[[[:read-only]]]] はそれ以外のすべての[[HTML要素]]に[[一致]]しなければ[['''なりません''']]
[SRC[>>26]]。
*** XForms
[16] [[XForms]] では [CODE(CSS)@en[[[:read-only]]]] と [CODE(CSS)@en[[[:read-write]]]] はそれぞれ
[CODE(XML)@en[[[readonly]]]] [[モデル項目特性]]が[[真]]と[[偽]]の[[節点]]に[[束縛]]された[[フォーム制御子]]を表します。
** 歴史
*** CSS UI
[REFS[
- [19] [CITE@en[CSS3 module: Basic User Interface]] ([[Tantek Çelik]] 著, [TIME[2002-08-03 07:13:43 +09:00]] 版)
- [21] [CITE[XForms and Styling]] ([TIME[2003-07-29 05:06:55 +09:00]] 版)
- [18] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]] ([[Tantek Çelik]] 著, [TIME[2011-09-29 17:32:08 +09:00]] 版)
- [17] [CITE@EN[XForms 1.1]] ([TIME[2010-08-13 07:45:33 +09:00]] 版)
- [35] [CITE@en[CSS Basic User Interface Module Level 3 (CSS3 UI)]] ([[Tantek Çelik]] 著, [TIME[2012-01-13 20:03:30 +09:00]] 版)
]REFS]
[20] [[XForms]] での利用を想定して >>19 で追加されました。
[22] [[XForms]] には >>21 で追加されました。
*** Web Controls 1.0
[REFS[
- [25] [CITE@en-GB-hixie[Web Applications Markup Language 1.0]]
( ([TIME[2004-04-08 02:39:12 +09:00]] 版))
- [23] [CITE@en-GB-hixie[Web Controls 1.0]] ([TIME[2004-11-09 08:49:52 +09:00]] 版)
]REFS]
[24] [CODE(CSS)@en[[[:read-only]]]], [CODE(CSS)@en[[[:read-write]]]],
[DFN[[CODE(CSS)@en[[[:write-only]]]]]] を[[Webアプリケーション]]から自由に設定できるようにする構想がありました。
*** HTML
[29] [[HTML]] についてははじめ [[Web Forms 2.0]] が、後に [[Web Applications 1.0]]
が規定しています。
[REFS[
- [28] [CITE@en-GB-x-Hixie[Web Forms 2.0]] ([TIME[2009-01-05 11:07:15 +09:00]] 版)
- [27] [CITE@en-US-x-hixie[HTML Standard]] ([TIME[2011-11-12 00:22:26 +09:00]] 版)
]REFS]
[36] [CITE[''''''[''''''whatwg'''''']'''''' Can we make checkboxes readonly?]]
( ([TIME[2012-05-03 10:37:14 +09:00]] 版))
[37] [CITE@en[Web Applications 1.0 r7365 Clarify things around readonly='', add more variety to the way boolean attributes are used in examples.]]
( ([TIME[2012-09-17 15:47:00 +09:00]] 版))
[38] [CITE@en[Web Applications 1.0 r2778 Defined how pseudo-classes match HTML concepts. Redid how rtl/ltr changes are marked. Stopped