【HTML】inputタグのチェックボックスの概要

投稿者: | 2021年1月7日
checkbox

 

本日はHTMLのinputタグのチェックボックスについて解説していきたいと思います。

それではいってみましょう!

 

checkboxの概要

ラジオボタンと非常によく似ているのがこのチェックボックスです。

なにが違うかというとチェックボックスは複数選択が可能ということです。

属性

type → checkboxを指定するとチェックボックスが作成されます。

name → name属性値を一緒の名前にしてグループ化します。

value → value属性値を指定することで遷移先で取得できます。

checked → 初期の選択を指定できます。

 

サンプル例

 

下記チェックボックスをクリックすればわかりますが複数選択が可能です。

ビール 日本酒 焼酎

 

ラジオボタンとチェックボックスの違い

 

まとめ

チェックボックスは複数指定ができるので遷移先で複数のvalue属性値を取得できるようにします。

取得はPHPのPOSTとForEachで行うので興味がある方はPHPの勉強もしてみましょう。

以上です。