チェックボックスは、複数ある選択肢のうち、何個も選択できるものです。
チェックボックス
ではさっそく書いてみましょう。
書き方は以下の通りです。
<form action="example.php" method="post" name="contact_form">
<input type="checkbox" name="color" value="赤">赤
<input type="checkbox" name="color" value="青">青
<input type="checkbox" name="color" value="黄">黄
</form>表示は次の通りです
コードを見てみると、inputタグのname属性の属性値が全てcolorになっています。これは、一連の選択肢をグループ化しているためです。このようにして、一連の選択肢はグループ化しましょう。
選択済み
では次に、最初から選択済みになっているようにしたいと思います。
先ほどのコードの選択済みにしたいコードに「checked」を追記します。追記したのが次の通りです。
<form action="example.php" method="post" name="contact_form">
<input type="checkbox" name="color" value="赤" checked>赤
<input type="checkbox" name="color" value="青">青
<input type="checkbox" name="color" value="黄">黄
</form>赤に「checked」を追記しました。
表示を見てみると次の通りです。
以上でチェックボックスの説明は終わりです。
お疲れさまでした。
