<input type="checkbox"> 「チェックボックス」

<input type="checkbox">は、複数選択可能な選択肢で使用します。
<form>～</form>の間に<input>の入力部品を配置することで、サーバのプログラム（CGIなど）に入力内容を引き渡すことが出来ます。

HTML規格	HTML4.01	HTML5
使用可否	○	○

<input type="checkbox">の属性

【構文】

属性	意味	値のサンプルなど
name="固有名"	入力に付ける固有名同一グループ名	"text1"
value="値"	サーバに送信する値	"A"
checked	選択状態にする	"checked"
disabled	入力の無効化	"disabled"
form="フォーム名"	送信するフォームの関連付け ※HTML5で追加	"form01"
autofocus	フォーカス（カーソル）を設定 ※HTML5以降にグローバル属性に変更	"autofocus"
required	入力を必須とする ※HTML5で追加	"required"

グローバル属性	accesskey autocapitalize autofocus class contenteditable dir draggable enterkeyhint hidden id inert inputmode is itemid itemprop itemref itemscope itemtype lang nonce popover slot spellcheck style tabindex title translate writingsuggestions
イベント属性

<input type="checkbox" name="ck01" value="1" checked>男性
<input type="checkbox" name="ck01" value="2">女性

男性女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="checkbox" name="ck01" value="1" disabled>男性
<input type="checkbox" name="ck01" value="2" disabled>女性

男性女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="checkbox" name="ck01" value="1" autofocus>男性
<input type="checkbox" name="ck01" value="2">女性

男性女性

ブラウザによって表示が異なります。画面イメージを確認

IE11	Chrome32	Firefox27	Safari5.1

<input type="checkbox" name="ck01" value="1" required>男性
<input type="checkbox" name="ck01" value="2">女性

送信(SUBMIT)時に入力必須チェックが行われます。
※非対応のブラウザもあるので注意が必要です。

ブラウザによって表示が異なります。画面イメージを確認

男性　女性　
スタイルシートを使用することで、色々な入力が可能となります。

チェックボックスが未選択（未チェック）の場合、項目名(name)もサーバに送信されません。
選択されたときのみ、項目名(name)と値(value)が送信されます。
<label>を指定すると表示テキストのクリックで選択が可能となり操作性が向上します。

<label><input type="checkbox" name="c1" value="1">同意する</label>

同意する
表示テキスト「同意する」をクリックすることも可能となります。