Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ ドロップダウンメニューのためのSelect要素の使用 | HTMLフォームとユーザー入力
究極のHTML

ドロップダウンメニューのためのSelect要素の使用

メニューを表示するにはスワイプしてください

<select> 要素は、ユーザーが選択できるドロップダウンリストを作成するために使用。主に、ユーザーがあらかじめ定義された選択肢から選ぶ必要があるフォームで利用。 この要素は常に <option> 要素と組み合わせて使用。<option> 要素は、ドロップダウンリスト内の個々の項目を定義。

index.html

index.html

<select> 要素には、動作を変更するためのいくつかの属性が存在:

  • name: フォーム送信時に使用される select 要素の名前;
  • size: ドロップダウンリストで表示される選択肢の数;
  • multiple: 指定すると、複数の選択肢を選択可能;
  • disabled: 指定すると、select 要素が無効化。

リストを別々の無関係なグループに分割するには、<optgroup> タグを使用。label 属性でグループのタイトルを指定。

index.html

index.html

Note
注記

デフォルトでは、リスト内の最初の <option> が選択される。他の項目を選択状態にしたい場合は、任意の selected 要素に <option> 属性を指定。

question mark

HTMLにおける<select>要素の主な機能は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  29

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  29
some-alt