checkbox

checkbox

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

[2] 仕様書:

[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
tabindexNUMBERタブ順[HTML 4]
title注釈的題[HTML 4] %coreattrs
typecheckboxtext制御子の種類[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? ( ( 版)) <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. ( ( 版)) <http://html5.org/tools/web-apps-tracker?from=2256&to=2257>

[13] [whatwg] Forms-related feedback ( ( 版)) <http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-December/041681.html>

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

[15] Align activation behavior with changes to DOM Standard (annevk著, ) <https://github.com/whatwg/html/commit/7beb920ba2e1a71246b81d86005f223a0d7ac8ab>