[1]

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

属性値

[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、 step、maxlength 等に照らして非妥当な場合 (原始文書でそうである場合や DOM 操作でそうなった場合など)、利用者エージェントは制御子にその値を設定しなければなりません。それができない場合には、最も近い値としなければなりません。 WF2 2.18

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

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

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

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

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

[27] ファイル選択制御子 (type が file) では、 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-961127。 Status 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] HTMLSelectElement の value、 HTMLOptionElement の value のいずれも、 WinIE7 では選択された option 要素または当該 option 要素で明示的に value 内容属性が指定されていない限り、空文字列が返されます。

出力 (`output`)

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

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

[48]

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

[45] 仕様書:

Web Forms 2.0
- 2.13. The output element IW:WF2:"#the-output"
- 2.18. Handling unexpected elements and values IW:WF2:"#handling"

[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 type が text なら仕方がないかもしれませんが、 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.5	Opera 8.5	WinIE 6.0
`text`	` `	表示	改行前まで	改行除去	改行除去
		`value`	改行前まで	改行除去	改行除去
		`defaultValue`	CRLF	改行除去	改行除去
		`getAttribute ('value')`	CRLF	改行除去	改行除去
		提出	改行前まで	改行除去	改行除去
`text`	CRLF	表示	改行前まで	改行除去	改行除去
		`value`	改行前まで	改行除去	改行除去
		`defaultValue`	LF	改行除去	改行除去
		`getAttribute ('value')`	LF	改行除去	改行除去
		提出	改行前まで	改行除去	改行除去
`hidden`	` `	CRLF	CRLF	CR
		`defaultValue`	CRLF	CRLF	CR
		`getAttribute ('value')`	CRLF	CRLF	CRLF
		提出	CRLF	CRLF	CRLF
`hidden`	CRLF	`value`	LF	LF	CRLF
		`defaultValue`	LF	LF	CR
		`getAttribute ('value')`	LF	LF	CRLF
		提出	CRLF	LF	CRLF

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

[56] Re: introduction, plus some form input ideas (Ian Hickson <ian@...> 著, 2008-11-29 20:45:28 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/16924

[58] Web Forms 2.0 (2009-01-05 20:07:15 +09:00 版) http://www.whatwg.org/specs/web-forms/current-work/#value0

[59] Web Forms 2.0 (2009-01-05 20:07:15 +09:00 版) http://www.whatwg.org/specs/web-forms/current-work/#the-htmloutputelement

[60] Web Forms 2.0 (2009-01-05 20:07:15 +09:00 版) http://www.whatwg.org/specs/web-forms/current-work/#value

[61] (X)HTML5 Tracking (2010-01-05 15:51:28 +09:00 版) http://html5.org/tools/web-apps-tracker?from=4471&to=4472

[62] IRC logs: freenode / #whatwg / 20100828 ( (2010-09-11 17:53:15 +09:00 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20100828

[63] [whatwg] Treatment of negative values for li (2010-11-16 12:01:42 +09:00 版) 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.]] ( (2011-02-17 11:05:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=5901&to=5902

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

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

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

意味

XForms

[67] XForms 1.1 (2010-08-13 07:45:33 +09:00 版) http://www.w3.org/TR/xforms/#N90219

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

歴史

CSS3 UI

[70] CSS3 module: Basic User Interface (Tantek Çelik 著, 2002-08-03 07:13:43 +09:00 版) http://www.w3.org/TR/2002/WD-css3-ui-20020802/#pseudo-value
[77] XForms and Styling (2002-08-21 23:00:56 +09:00 版) http://www.w3.org/TR/2002/WD-xforms-20020821/sliceF.html#id2641223
[79] XForms and Styling (2002-11-07 01:02:54 +09:00 版) http://www.w3.org/TR/2002/CR-xforms-20021112/sliceF.html#id2641821
[71] CSS3 Basic User Interface Module (Tantek Çelik 著, 2003-07-04 02:51:33 +09:00 版) http://www.w3.org/TR/2003/WD-css3-ui-20030703/#pseudo-value
[80] XForms and Styling (2003-07-29 05:06:55 +09:00 版) http://www.w3.org/TR/2003/PR-xforms-20030801/sliceF.html#id2645070
[72] CSS3 Basic User Interface Module (Tantek Çelik 著, 2004-05-12 02:17:47 +09:00 版) http://www.w3.org/TR/2004/CR-css3-ui-20040511/#pseudo-value
[73] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 2011-09-29 17:32:08 +09:00 版) http://dev.w3.org/csswg/css3-ui/#pseudo-value
[74] XForms 1.1 (2010-08-13 07:45:33 +09:00 版) http://www.w3.org/TR/xforms/#N90219
[85] CSS Basic User Interface Module Level 3 (CSS3 UI) (Tantek Çelik 著, 2012-01-13 20:03:30 +09:00 版) http://www.w3.org/TR/2012/WD-css3-ui-20120117/#pseudo-value

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

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

[81] 現在この機能は十分な実績がなく、削除候補に挙がっています。 >>73 2011-10-23T03:40:21.100Z, >>85

XBL2

[82] XBL 2.0 (2010-09-03 10:10:02 +09:00 版) http://dev.w3.org/2006/xbl2/Overview.html#matching-pseudo-elements

[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 ( (2011-11-04 02:06:00 +09:00 版)) http://html5.org/tools/web-apps-tracker?from=6814&to=6815

[86] XBL 2.0 ( (2012-05-03 02:23:03 +09:00 版)) http://dev.w3.org/2006/xbl2/Overview.html#pseudo-list

[87] XML Binding Language (XBL) 2.0 ( (2007-03-16 22:20:16 +09:00 版)) http://www.w3.org/TR/2007/CR-xbl-20070316/#pseudo-list

[2] Formalize custom element reactions · whatwg/html@27aa7bc (2016-04-26 18:57:38 +09:00 版) https://github.com/whatwg/html/commit/27aa7bc4fa6f168654a8c858f0773e611f679b39

[3] Change minlength/maxlength behavior around linebreaks (domenic著, 2016-08-26 16:10:16 +09:00) https://github.com/whatwg/html/commit/163703186794c21daa92cc2718218afa44f26071

[5] Remove <keygen> (domenic著, 2017-01-14 07:03:02 +09:00) https://github.com/whatwg/html/commit/5baa38720f6e83c94a50018c4565808ad548d69c

[6] Editorial: share the dirty value flag between input and textarea (annevk著, 2017-03-16 03:17:55 +09:00) https://github.com/whatwg/html/commit/1129550bbbe7018fd02dec906805055a5136858e

[7] Set dirty value flag for setRangeText() (annevk著, 2017-03-14 19:31:03 +09:00) https://github.com/whatwg/html/commit/4c404a2349dd3dc7dc10783de1a9181d73f10f3d

[11] Clean up selection direction handling (domenic著, 2017-03-16 07:51:53 +09:00) https://github.com/whatwg/html/commit/af9fa0ff11d07a341f6404d4578017d68fafc8c7

[12] Clarify the value comparison in input.value's setter (domenic著, 2017-04-20 06:15:14 +09:00) https://github.com/whatwg/html/commit/8ee1ea4a5ea241a0c3b1803fe4364d68cc686865

[13] "When the textarea element's textContent IDL attribute changes" · Issue #2750 · whatwg/html (2017-06-29 17:18:24 +09:00) https://github.com/whatwg/html/issues/2750

[14] Update textarea textContent/defaultValue/value interaction by domenic · Pull Request #2766 · whatwg/html (2017-06-29 17:20:56 +09:00) https://github.com/whatwg/html/pull/2766

[15] Clamp selection and text entry cursor position on value changes (domenic著, 2018-02-17 09:11:50 +09:00) https://github.com/whatwg/html/commit/3d2719ab8d8f6efa06eef2475270b3ae0b01b8b0

[16] selectionStart/selectionEnd behavior needs to be specified · Issue #2424 · whatwg/html (2018-03-17 17:51:42 +09:00) https://github.com/whatwg/html/issues/2424

[17] Text selection after updating textContent of TEXTAREA · Issue #2411 · whatwg/html (2018-03-17 17:53:51 +09:00) https://github.com/whatwg/html/issues/2411

[18] Textarea/text input text cursor position is not updated by reset algorithm · Issue #3468 · whatwg/html (2018-03-17 17:54:37 +09:00) 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 (2018-03-17 17:54:57 +09:00) https://github.com/whatwg/html/pull/3472

[20] Change textarea's relevant value to its API value (domenic著, 2018-02-17 08:57:50 +09:00) 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 (2018-03-17 17:57:28 +09:00) https://github.com/whatwg/html/pull/2437

[22] Fix and clarify some [CEReactions] annotations (domenic著, 2018-08-11 19:59:46 +09:00) https://github.com/whatwg/html/commit/023c11216ca2ee1c653df09a594b98fca1323975

[23] textarea's value IDL attribute doesn't need CEReactions · Issue #3889 · whatwg/html (2018-08-18 23:59:47 +09:00) https://github.com/whatwg/html/issues/3889

[24] Fix and clarify some [CEReactions] annotations by domenic · Pull Request #3901 · whatwg/html (2018-08-19 00:00:16 +09:00) https://github.com/whatwg/html/pull/3901

[25] Rewrite output element to not use non-existing observers (annevk著, 2019-04-03 20:17:00 +09:00) https://github.com/whatwg/html/commit/3419d36fba06332547b7a05b8e2ab6c0b1fae64b

[36] The output element's default value · Issue #4163 · whatwg/html (2019-09-10 09:49:05 +09:00) https://github.com/whatwg/html/issues/4163

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

[38] Stop using textContent in normative text (annevk著, 2019-04-04 17:23:13 +09:00) https://github.com/whatwg/html/commit/ec860d872de3712277242655562a4d2a1325592a

属性値