HTML入門 | HTML入力フォーム(Forms) | HTML選択入力(select)

選択入力select要素

select要素は複数のオプションをドロップダウンリスト(drop-down list)として表示し、その中から1つのオプションだけを入力できる。コンボボックスとも呼ばれ、プルダウンメニュー(pull-down menus)とも呼ばれる。

option要素は、ドロップダウンリストで選択できる各オプションを明示する。

좋아하는 과일은?
<select name="fruit">
  <option value="apple">사과</option>
  <option value="banana" selected>바나나</option>
  <option value="orange">오렌지</option>
  <option value="strawberry">딸기</option>
</select>

コード実行

selected属性を使用すると、ドロップダウンリストの中で最初にあらかじめ選択されるオプションを指定できる。

option要素

option要素は、複数の項目の中から選択可能な項目である。

option要素で使用するvalue属性は、テキストフィールドのvalue属性とは少し異なる。テキストフィールドでvalue属性に値を入力するとデフォルト値が入力されるが、<option>タグの場合は、そのoptionが選択された場合に送信される値を指定する。

optgroup要素

optgroup要素はHTML 4で新しく作られたタグで、オプションをグループ化できる。ほとんどのWebブラウザでサポートされている。

당신의 취미는?
<select name="hobby">
  <option value="독서">독서</option>
  <optgroup label="스포츠">
    <option value="야구">야구</option>
    <option value="축구">축구</option>
  </optgroup>
  <option value="음악감상">음악감상</option>
</select>

コード実行