チェック箱制御子

チェック箱制御子

[1] HTML の input 要素は、 type 属性が checkbox の時、チェック箱制御子を定義します。

[2] 仕様書:

HTML 4 (Web Forms 1.0)
- checkboxes <IW:HTML4:"interact/forms.html#checkbox">
- 17.4 The INPUT element <IW:HTML4:"interact/forms.html#edef-INPUT">

[3] 属性:

属性名	属性値	既定値	説明	出典
`accesskey`	`%Character`			[HTML 4]
`align`			配置	[HTML 4] 非推奨
`checked`	(真偽値属性)	(偽)	初期状態	[HTML 4]
`class`			級	[HTML 4] %coreattrs
`datafld`			データ欄	[HTML 4] 予約
`dataformatas`			データ書式	[HTML 4] 予約
`datasrc`	`%URI`	(なし)	データ源	[HTML 4] 予約
`dir`			書字方向	[HTML 4] %i18n
`disabled`	(真偽値属性)	(偽)	無効	[HTML 4]
`id`			一意識別子	[HTML 4] %coreattrs
`lang`			自然言語	[HTML 4] %i18n
`xml:lang`			自然言語	[XHTML 1]
`language`			スクリプト言語	WinIE 4+
`name`			制御子名	[HTML 4]
`onblur`	`%Script`		焦点を失した時	[HTML 4]
`onchange`	`%Script`		現在値変更時	[HTML 4]
`onclick`				[HTML 4] %events
`ondblclick`				[HTML 4] %events
`onfocus`	`%Script`		焦点を得た時	[HTML 4]
`onkeydown`				[HTML 4] %events
`onkeypress`				[HTML 4] %events
`onkeyup`				[HTML 4] %events
`onmousedown`				[HTML 4] %events
`onmousemove`				[HTML 4] %events
`onmouseout`				[HTML 4] %events
`onmouseover`				[HTML 4] %events
`onmouseup`				[HTML 4] %events
`onselect`	`%Script`		文選択時	[HTML 4]
`readonly`	(真偽値属性)	(偽)	読取専用	[HTML 4]
`style`			スタイル情報	[HTML 4] %coreattrs
`tabindex`	`NUMBER`		タブ順	[HTML 4]
`title`			注釈的題	[HTML 4] %coreattrs
`type`	`checkbox`	`text`	制御子の種類	[HTML 4]
`value`			初期値	[HTML 4]
`vcard_name`			自動補完	WinIE 5+

名前

[4] 制御子名は name 属性で指定します。

一つのフォーム内で、複数個のチェック箱が同じ制御子名であっても構いません。この機能は、例えば、ある特性について複数の値を選べる場合に使えます。 HTML 4 17.2.1

初期状態と現在状態

[7] checked 属性が指定されていれば「入」の状態です。 HTML 4 17.2.1

[8] 利用者は「入」と「切」の状態を切り替えることができます。 HTML 4 17.2.1

成功

[6] フォームの提出の時に、「入」の状態になっているチェック箱制御子だけが成功状態です。

他との関係

[5] 同じ制御子名のチェック箱を複数用意することで、一つの名前に対して複数の値の入・切を選択させられます。これは select 要素によるメニュー制御子と同じ効能です。

[9] 同じように「入」と「切」の状態を持つ制御子に radio があります。こちらは、複数の選択肢から 1つだけを選びます。

メモ

[10] <input type="checkbox">にチェックをつける方法。 <http://www.parkcity.ne.jp/~chaichan/qanda/qa5840.htm> (名無しさん [sage])

[11] [whatwg] Can we make checkboxes readonly? ( (2012-07-11 07:59:03 +09:00 版)) <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-July/036594.html>

[12] Web Applications 1.0 r2257 WF2: <input type=checkbox> and significant fallout therefrom. ( (2008-10-02 12:10:00 +09:00 版)) <http://html5.org/tools/web-apps-tracker?from=2256&to=2257>

[13] [whatwg] Forms-related feedback ( (2013-12-03 20:56:46 +09:00 版)) <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-December/041681.html>

[14] IE10 における placeholder 属性をもつ textarea 要素、または value 属性のない type="checkbox" の input 要素の clone に関するはまりどころ - ひだまりソケットは壊れない ( (2014-05-02 09:18:43 +09:00 版)) <http://vividcode.hatenablog.com/entry/ie10/textarea-placeholder-checkbox-default-value>

[15] Align activation behavior with changes to DOM Standard (annevk著, 2016-10-21 00:06:40 +09:00) <https://github.com/whatwg/html/commit/7beb920ba2e1a71246b81d86005f223a0d7ac8ab>