<input type="checkbox">
<input type="checkbox"> はチェックボックスコントロールを作成します。複数の選択肢からの複数選択に使用されます。
概要
<input type="checkbox"> はチェックボックスコントロールを作成します。複数の選択肢からの複数選択に使用されます。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 3+
Firefox 3.6+
モバイル
Chrome Android 18+
Safari iOS 1+
Firefox Android 4+
基本構文
HTML
<label><input type="checkbox" name="agree" required> 利用規約に同意する</label>
<fieldset>
<legend>趣味</legend>
<label><input type="checkbox" name="hobby" value="sports"> スポーツ</label>
<label><input type="checkbox" name="hobby" value="music"> 音楽</label>
<label><input type="checkbox" name="hobby" value="reading"> 読書</label>
</fieldset>実務での使いどころ
-
<input type="checkbox"> の活用
チェックボックス型の入力要素。複数選択が可能なオン/オフの選択に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。