本日はHTMLのinputタグのチェックボックスについて解説していきたいと思います。
それではいってみましょう!
checkboxの概要
ラジオボタンと非常によく似ているのがこのチェックボックスです。
なにが違うかというとチェックボックスは複数選択が可能ということです。
属性
type → checkboxを指定するとチェックボックスが作成されます。
name → name属性値を一緒の名前にしてグループ化します。
value → value属性値を指定することで遷移先で取得できます。
checked → 初期の選択を指定できます。
サンプル例
1 2 3 4 5 6 | <form action="" method="POST"> <input type="checkbox" name="alcohol" value="beer"> ビール <input type="checkbox" name="alcohol" value="sake"> 日本酒 <input type="checkbox" name="alcohol" value="liquor"> 焼酎 <input type="submit" value="送信"> </form> |
下記チェックボックスをクリックすればわかりますが複数選択が可能です。
まとめ
チェックボックスは複数指定ができるので遷移先で複数のvalue属性値を取得できるようにします。
取得はPHPのPOSTとForEachで行うので興味がある方はPHPの勉強もしてみましょう。
以上です。