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

概要


<input type="radio">

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

結果(コードは後述)

HTMLファイル


<form action="example.php" method="post" name="contact">
  <input type="radio" name="radio01" value="number1">ラジオボタンその1
  <input type="radio" name="radio01" value="number2">ラジオボタンその2
  <input type="radio" name="radio01" value="number3" checked>ラジオボタンその3
</form>

CSSファイル

説明

間違えやすい問題