<input>要素の"checkbox"型

<input>要素の”checkbox”型

フォーム内に「チェックボックス」を設ける際に使用されます。

属性

<input> 要素の checkbox型 では、以下の属性が使用できます。

value

checkbox型 の場合は、チェックボックスの値として送信される文字列をvalue属性で指定します。画面上に表示されるテキストではない点に注意が必要です。
省略した場合、既定の値は”on”です。
例えば、下記のようなチェックボックスがあった場合、チェックを入れてフォームを送信すると、”subscribe=yes”というデータが送られます。チェックを入れなかった場合は何も送信されません。（”subscribe=no”というデータにはならない）

<input type="checkbox" id="MailMagazine" name="subscribe" value="yes">

checked

この属性を指定した場合、チェックが入った状態で表示されます。

サンプル

See the Pen pozaXow by Masahiko Iwakiri (@m-iwakiri) on CodePen.