::control

value 属性 (フォームコントロール)

[1] HTMLinput 要素や button 要素や option 要素の value 属性は、その制御子初期値を指定します。

[4] 仕様書:

目次

  1. §
    1. 属性値
    2. 押しボタン制御子 (HTML input 要素型)
    3. ファイル選択制御子 (HTML input 要素型)
    4. 画像提出ボタン制御子 (HTML input 要素型)
    5. チェック箱制御子 (checkbox)、ラジオ・ボタン制御子 (radio)
    6. 選択 (select 要素、option 要素)
    7. 出力 (output)
    8. メモ
  2. ::value 擬似要素 (選択子)
    1. 意味
      1. XForms
    2. 歴史
      1. CSS3 UI
      2. XBL2

属性値#

[8] この属性の値は CDATA です。 大文字・小文字は区別されます。

[43] 空白

属性値中の空白は、除去してはなりませんWF2 2.3

XML 等の規則による空白正規化は、 必要ならば行われます。ここで禁止されているのは、 それ以上の処理です。

[26] この属性は、 DTD 的には #IMPLIED です。

input 要素の場合、 type 属性が radio または checkbox の時以外は、 この属性は省略できます。 HTML 4 17.4 (HTML 4.0 では誤って checkbox でも省略できるようなことが書いてありました HTML 4.01 A.1.1.12。)

button 要素の場合も省略できます。 HTML 4 17.5

option 要素の場合、省略すると要素の内容が初期値として使われます。

[42] チェック箱制御子 (checkbox) とラジオ・ボタン制御子 (radio) (>>41 を参照。) を除きフォーム制御子value 属性既定値空文字列です。 WF2 2.3

[35] HTML 4 DTD の注釈 (参考) には Specify for radio buttons and checkboxes (ラジオ・ボタンとチェック箱に指定) と書かれています。が、他の説明は小文字から始まるのにここだけ大文字から始まっているので、命令形指定しなければなりませんという意味かもしれません。

[50] 誤り処理 (typeMismatch)

value 内容属性type に照らして非妥当な場合、 利用者エージェントは無視しなければなりませんdefaultValue はその値が使われますが、制御子には使われません (値が選択されていない状態となります)。 WF2 2.18

[51] 誤り処理 (制約違反)

value 内容属性min]、max stepmaxlength 等に照らして非妥当な場合 (原始文書でそうである場合や DOM 操作でそうなった場合など)、 利用者エージェント制御子にその値を設定しなければなりません。 それができない場合には、最も近い値としなければなりませんWF2 2.18

属性に照らして適当な値に変更されるまで、 そのフォーム提出できません。

[53] testtest (TEST 2007-03-12 10:01:45 +00:00)

押しボタン制御子 (HTML input 要素型)#

[28] 押しボタン制御子 (typebutton) では、 UAvalue 属性値をボタンの札として使うべきです。 HTML 4 17.4.1 詳しくは button 制御子の説明をご覧ください。

ファイル選択制御子 (HTML input 要素型)#

[27] ファイル選択制御子 (typefile) では、 UA は、 value 属性値をファイル名の初期値として使っても構いません。 HTML 4 17.4.1 詳しくは file 制御子の説明をご覧ください。

画像提出ボタン制御子 (HTML input 要素型)#

[33] HTML 4 では input//image では value 属性は使われていませんが、 1996年の W3C NOTE >>32 は、 alt 属性と同じ役割で使用することを推奨していました。 (代替文として使われるだけで、他のボタン制御子とは異なり、 初期値現在値として使われるものではないことに注意してください。)

[34] 実際にそれにしたがって使われたことがあったかどうかは、現在のところ不明です。

[32] Imagemapped Images and Image-Incapable User Agents, http://www.w3.org/TR/NOTE-imagemap, 発表当時の URI は http://www.w3.org/pub/WWW/TR/NOTE-imagemap-961127Status of this document によれば現在の W3C WD のような位置付けだったらしいのですが、 2004年現在、 http://www.w3.org/TR/ によれば Working Group Note に分類されています。 同時期の他の HTML 系 WD とは異なり、直接 HTML 4 仕様書に取込まれてはいないようです。

チェック箱制御子 (checkbox)、ラジオ・ボタン制御子 (radio)#

[41] 既定値

チェック箱制御子 (checkbox)、 ラジオ・ボタン制御子 (radio) の場合の value 属性既定値は、 on です。 WF2 2.3

従いまして、 value 内容属性が与えられていない時の value DOM属性の値は on です。 フォーム提出時の値も on です。

選択 (select 要素、option 要素)#

[57] HTMLSelectElementvalueHTMLOptionElementvalue のいずれも、 WinIE7 では選択された option 要素または当該 option 要素で明示的に value 内容属性が指定されていない限り、空文字列が返されます。

出力 (output)#

[44] output 要素に対応する DOM界面 HTMLOutputElementvalue DOM属性は、 output 要素現在値です。

output現在値は、 内容とされています。 WF2 2.13

[48]

状態
WHATWG WD
DOM界面
HTMLOutputElement
属性名
value (value () より)
データ型
DOMString
読取専用
例外
textContent と同じ

[45] 仕様書:

[46] 読み取り

textContent と同じです。 WF2 2.13

[47] 書き込み

利用者エージェントの動作は textContent と同じとしなければなりませんWF2 2.13, 2.18

[49] change 事象

value が直接的または間接的に DOM を介して変更された時には、 output 要素に対して change 事象放火しなければなりませんWF2 2.13

#

[10] メニュー制御子の例

<select name="selection">
<option value="selection-foo" selected>なにかの選択肢</option>
<option value="selection-bar">なにか別の選択肢</option>
</select>

メモ#

[9] >>26 option 要素の value 属性は、 送信される値が仮名漢字だと面倒なことになるから、 要素の内容は仮名・漢字の日本語文にしつつも、 valueラテン文字で、 という使い方がよくされますね (>>10)。

[29] w3m には input value 内の改行を無視してしまう不具合があるそうです。 [w3m-dev 04110 typetext なら仕方がないかもしれませんが、 hidden の時に落としてしまうのは問題ですね。 (名無しさん 2004-10-31 01:00:24 +00:00)

[30] >>29 そういえば HTML は CDATA 属性の値の処理についての規定があるのでした。だから w3m は HTML 4 的には正しいのだそうな。 (でも HTML 4 の仕様が現実にあってない。) (名無しさん [sage])

[31] Bug 15204 - hidden inputs strip line feeds from value attribute https://bugzilla.mozilla.org/show_bug.cgi?id=15204

>>29-30 と同じ話題。 (名無しさん [sage])

[39] inputタグのvalueについて http://chaichan.web.infoseek.co.jp/qanda/qa6338.htm (名無しさん)

[40]

Firefox 1.5Opera 8.5WinIE 6.0
text&#x0D;&#x0A;表示改行前まで改行除去改行除去
value改行前まで改行除去改行除去
defaultValueCRLF改行除去改行除去
getAttribute ('value')CRLF改行除去改行除去
提出改行前まで改行除去改行除去
textCRLF表示改行前まで改行除去改行除去
value改行前まで改行除去改行除去
defaultValueLF改行除去改行除去
getAttribute ('value')LF改行除去改行除去
提出改行前まで改行除去改行除去
hidden&#x0D;&#x0A;CRLFCRLFCR
defaultValueCRLFCRLFCR
getAttribute ('value')CRLFCRLFCRLF
提出CRLFCRLFCRLF
hiddenCRLFvalueLFLFCRLF
defaultValueLFLFCR
getAttribute ('value')LFLFCRLF
提出CRLFLFCRLF

(名無しさん 2006-05-27 09:05:02 +00:00)

[56] Re: introduction, plus some form input ideas (Ian Hickson <ian@...> 著, 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16924

[58] Web Forms 2.0 ( 版) http://www.whatwg.org/specs/web-forms/current-work/#value0

[59] Web Forms 2.0 ( 版) http://www.whatwg.org/specs/web-forms/current-work/#the-htmloutputelement

[60] Web Forms 2.0 ( 版) http://www.whatwg.org/specs/web-forms/current-work/#value

[61] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=4471&to=4472

[62] IRC logs: freenode / #whatwg / 20100828 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20100828

[63] [whatwg] Treatment of negative values for li ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-November/029048.html

[64] Web Applications 1.0 r5902 Define that <button value=> (empty) is ok.]] ( ( 版)) http://html5.org/tools/web-apps-tracker?from=5901&to=5902

[65] [whatwg] set input.value when input element has composition string ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-June/031971.html

::value 擬似要素 (選択子)#

[66] 選択子::value 擬似要素

意味#

XForms#

[68] フォーム制御子の、名札を除く「活性」な部分を表します。 これは HTML でいう input 要素その他のフォーム制御子要素に相当します。 この擬似要素フォーム制御子要素子供であって、 必須である label 要素の直後に出現します。 >>67

歴史#

CSS3 UI#

[75] >>70CSS::value が追加されています。

[78] >>77>>79 では ::control という名前でした。 >>80 以降 CSS と同じ名前になっています。

[81] 現在この機能は十分な実績がなく、削除候補に挙がっています。 >>73 , >>85

XBL2#

[83] XBL2 ではこの擬似要素影木要素を関連付けることができました。

#

[69] XForms 利用者エージェント・スタイル・シートの例より >>67

xf|input:enabled:readonly::value
{ 
  display: inline; background-color: #888888 
}

[76] XForms架空マーク付けを追加した例 >>73

<input>
  <label>Zip code<label>
  input::value/
</input>

[84] Web Applications 1.0 r6815 compat changes for <textarea>.value and .textLength ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6814&to=6815

[86] XBL 2.0 ( ( 版)) http://dev.w3.org/2006/xbl2/Overview.html#pseudo-list

[87] XML Binding Language (XBL) 2.0 ( ( 版)) http://www.w3.org/TR/2007/CR-xbl-20070316/#pseudo-list

[2] Formalize custom element reactions · whatwg/html@27aa7bc ( 版) https://github.com/whatwg/html/commit/27aa7bc4fa6f168654a8c858f0773e611f679b39

[3] Change minlength/maxlength behavior around linebreaks (domenic著, ) https://github.com/whatwg/html/commit/163703186794c21daa92cc2718218afa44f26071

[5] Remove <keygen> (domenic著, ) https://github.com/whatwg/html/commit/5baa38720f6e83c94a50018c4565808ad548d69c

[6] Editorial: share the dirty value flag between input and textarea (annevk著, ) https://github.com/whatwg/html/commit/1129550bbbe7018fd02dec906805055a5136858e

[7] Set dirty value flag for setRangeText() (annevk著, ) https://github.com/whatwg/html/commit/4c404a2349dd3dc7dc10783de1a9181d73f10f3d

[11] Clean up selection direction handling (domenic著, ) https://github.com/whatwg/html/commit/af9fa0ff11d07a341f6404d4578017d68fafc8c7

[12] Clarify the value comparison in input.value's setter (domenic著, ) https://github.com/whatwg/html/commit/8ee1ea4a5ea241a0c3b1803fe4364d68cc686865

[13] "When the textarea element's textContent IDL attribute changes" · Issue #2750 · whatwg/html () https://github.com/whatwg/html/issues/2750

[14] Update textarea textContent/defaultValue/value interaction by domenic · Pull Request #2766 · whatwg/html () https://github.com/whatwg/html/pull/2766

[15] Clamp selection and text entry cursor position on value changes (domenic著, ) https://github.com/whatwg/html/commit/3d2719ab8d8f6efa06eef2475270b3ae0b01b8b0

[16] selectionStart/selectionEnd behavior needs to be specified · Issue #2424 · whatwg/html () https://github.com/whatwg/html/issues/2424

[17] Text selection after updating textContent of TEXTAREA · Issue #2411 · whatwg/html () https://github.com/whatwg/html/issues/2411

[18] Textarea/text input text cursor position is not updated by reset algorithm · Issue #3468 · whatwg/html () https://github.com/whatwg/html/issues/3468

[19] Fix selection/text entry cursor position processing for input/textarea by domenic · Pull Request #3472 · whatwg/html () https://github.com/whatwg/html/pull/3472

[20] Change textarea's relevant value to its API value (domenic著, ) https://github.com/whatwg/html/commit/a4cc0686025c99e901adf79515a18b334056ccab

[21] Do not change input/textarea text selection for the same value by domenic · Pull Request #2437 · whatwg/html () https://github.com/whatwg/html/pull/2437

[22] Fix and clarify some [CEReactions] annotations (domenic著, ) https://github.com/whatwg/html/commit/023c11216ca2ee1c653df09a594b98fca1323975

[23] textarea's value IDL attribute doesn't need CEReactions · Issue #3889 · whatwg/html () https://github.com/whatwg/html/issues/3889

[24] Fix and clarify some [CEReactions] annotations by domenic · Pull Request #3901 · whatwg/html () https://github.com/whatwg/html/pull/3901

[25] Rewrite output element to not use non-existing observers (annevk著, ) https://github.com/whatwg/html/commit/3419d36fba06332547b7a05b8e2ab6c0b1fae64b

[36] The output element's default value · Issue #4163 · whatwg/html () https://github.com/whatwg/html/issues/4163

[37] Rewrite output element to not use non-existing observers by annevk · Pull Request #4447 · whatwg/html () https://github.com/whatwg/html/pull/4447

[38] Stop using textContent in normative text (annevk著, ) https://github.com/whatwg/html/commit/ec860d872de3712277242655562a4d2a1325592a