HTML <input type = "checkbox">

❮HTML<input>タイプ属性

ユーザーが限られた数の選択肢から1つ以上のオプションを選択できるようにします。

<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">
<label for="vehicle3"> I have a boat</label><br>

定義と使用法

<input type="checkbox">チェックボックスを定義します。

チェックボックスは、アクティブ化されるとチェック(チェック)される四角いボックスとして表示されます。

チェックボックスは、ユーザーが限られた数の選択肢から1つ以上のオプションを選択できるようにするために使用されます。

ヒント:<label>アクセシビリティのベストプラクティスのために、常にタグを追加してください。


ブラウザのサポート

Attribute
type="checkbox" Yes Yes Yes Yes Yes

構文

<input type="checkbox">

❮HTML<input>タイプ属性