　チェックボックス

■<input type="checkbox" name="名前" value="送信されるデータ">

ラジオボタンは、選択肢の中から一つしか選択できませんでしたが、チェックボックスを使えば複数の項目を選択できます。<input>タグにtype属性を付けて値にcheckboxを指定します。

このタグにもname属性を必ず指定します。同じ名前をつけたチェックボックスが一つのグループになります。

それとvalue属性ですが、この属性で指定された値がデータとして送信されます。また、初めからどれか一つ選択しておきたい場合は、checked属性を指定します。

HTML

<form>
<h5>海外旅行に行くなら？</h5>
<input type="checkbox" name="tabi" value="america"  checked>アメリカ<br>
<input type="checkbox" name="tabi" value="itly">イタリア<br>
<input type="checkbox" name="tabi" value="france">フランス<br>
<input type="checkbox" name="tabi" value="india">インド<br>
<input type="checkbox" name="tabi" value="thai">タイ
</form>