チェックボックス

チェックボックスcheckboxは、 HTML フォームの要素（チェックマーク）であり、 チェック（オン）と未チェック（オフ）の2つの状態を取ることができます。

チェックボックスは、inputタグの type属性をcheckboxに設定して作成します。 外観は次の通りです:

チェックされたチェックボックスは、サーバーに value属性の内容を送信します。 チェックボックスにvalue属性が指定されていない場合、 文字列"on"を送信します。チェックボックスが チェックされていない場合、value属性の有無に関わらず、 サーバーには何も送信されません。

例

2つのチェックボックスを作成してみましょう： 1つ目は（checked属性を指定することで）チェック済みに、 2つ目は未チェックの状態にします：

:

例 . 無効化されたチェックボックス

disabled属性を使用して 無効化されたチェックボックスを見てみましょう。 クリックしても状態は変わりません：

:

例 . 無効化かつチェック済みのチェックボックス

次に、チェックボックスをdisabled属性で無効化し、かつ checked属性を指定してチェック済みの状態にします：

:

関連項目