HTML & CSS - ラジオボタンを表示する

ラジオボタンを表示する

ラジオボタンを表示するには、input 要素で定義します。

input 要素は、フォームの部品を作るための要素のひとつです。type 属性の値を radio にすることでラジオボタンに設定することができます。

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

  <input type="radio" name="radio1" value="はい">
  <input type="radio" name="radio1" value="いいえ">
  
</form>
ラジオボタンを表示する - HTML
type="radio"
type 属性の値を radio にすることでラジオボタンに設定することができます。
name=""
ラジオボタンの名前を文字列で指定します。複数のラジオボタンに同じ名前を付けることで、1つのグループを作ることができます。ラジオボタンは、そのグループの中から1つだけ選択することができます。この属性の値は、value 属性の値とセットで送信されます。
value=""
選択されているラジオボタンの値を文字列で指定します。選択された値はサーバに送信されます。
checked
checked 属性が指定された項目は最初から選択された状態になります。checked 属性は、グループ内に1つだけ指定することができます。
disabled
disabled 属性が指定された項目は選択不可の状態になります。

関連記事