フォームにラジオボタンを設置する

概要


<input type="checkbox">

でフォームにチェックボックスを設置する。
ラジオボタンとの違いは、複数選択可能なところ。

同じnameにすればそれらを一つのグループにできる
checkedで最初から選ばれている状態になる
valueは送信される値で、ブラウザ上には見えない値

結果(コードは後述)

HTMLファイル


<form action="example.php" method="post" name="contact">
  <input type="checkbox" name="radio01" value="number1">チェックボックスその1
  <input type="checkbox" name="radio01" value="number2">チェックボックスその2
  <input type="checkbox" name="radio01" value="number3" checked>チェックボックスその3
</form>

CSSファイル

説明

間違えやすい問題