カテゴリー
checkbox HTML5 input

input type=”checkbox”とは?-HTML

(例)input type=”checkbox”の使用方法

See the Pen
form
by linlin (@linlin098765)
on CodePen.

<form action="◯◯.php" method="post">
<p><label>氏名:<input type="text" name="name" size="20"></label></p>
<p><label>血液型:
<select name="blood">
<option value="A">A型</option>
<option value="B">B型</option>
<option value="O">O型</option>
<option value="AB">AB型</option>
</select>
</label></p>
<fieldset>
<legend>性別</legend>
<p><label><input type="radio" name="sex" value="male">男性</label></p>
<p><label><input type="radio" name="sex" value="female">女性</label></p>
</fieldset>
<fieldset>
<legend>習慣</legend>
<p><label><input type="checkbox" name="hobby" value="tre">筋トレ</label></p>
<p><label><input type="checkbox" name="hobby" value="reading">読書</label></p>
<p><label><input type="checkbox" name="hobby" value="music">音楽</label></p>
<p><label><input type="checkbox" name="hobby" value="travel">旅行</label></p>
</fieldset>
<p><label>その他:<br><textarea name="comments" rows="2" cols="40"></textarea></label></p>
<p><input type="submit" value="送信"><input type="reset" value="リセット"></p>
</form>

input type=”checkbox”とは?-HTML

 input type=”checkbox”は、チェックボックスのフォームを作成するタグです。
 チェックボックスは複数のリスト(選択肢)から選択するフォームです。

 name属性はformデータをサーバー側へ送信した際に必要なため指定してください。
 value属性で値を入力してください。value属性を未指定では、送信する値がないことになります。
 初めから何か選択した状態にしたい場合は、checked属性で指定してください。