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

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

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

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

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

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

type="checkbox"

type 属性の値を checkbox にすることでチェックボックスに設定することができます。

name=""

チェックボックスの名前を文字列で指定します。複数のチェックボックスに同じ名前を付けることで、１つのグループを作ることができます。チェックボックスは、そのグループの中から複数選択することができます。この属性の値は、value 属性の値とセットで送信されます。

value=""

選択されているチェックボックスの値を文字列で指定します。選択された値はサーバに送信されます。

checked

checked 属性が指定された項目は最初から選択された状態になります。

disabled

disabled 属性が指定された項目は選択不可の状態になります。