HTML & CSS - チェックボックスを表示する

チェックボックスを表示する

チェックボックスを表示するには、input 要素で定義します。

input 要素は、フォームの部品を作るための要素のひとつです。type 属性の値を checkbox にすることでチェックボックスに設定することができます。

<form action="#" method="post">

  <input type="checkbox" name="checkbox1" value="はい">
  <input type="checkbox" name="checkbox1" value="いいえ">
  
</form>

チェックボックスを表示する - HTML

type="checkbox": type 属性の値を checkbox にすることでチェックボックスに設定することができます。
name="": チェックボックスの名前を文字列で指定します。複数のチェックボックスに同じ名前を付けることで、１つのグループを作ることができます。チェックボックスは、そのグループの中から複数選択することができます。この属性の値は、value 属性の値とセットで送信されます。
value="": 選択されているチェックボックスの値を文字列で指定します。選択された値はサーバに送信されます。
checked: checked 属性が指定された項目は最初から選択された状態になります。
disabled: disabled 属性が指定された項目は選択不可の状態になります。

チェックボックスを表示する

関連記事