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

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

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

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

index.html

index.html

copy

<select> 要素には、その動作を変更するためのいくつかの属性もあります。

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

リストを別々の無関係なグループに分割するには、<optgroup>タグを使用します。label属性はグループにタイトルを割り当てるために使用されます。

index.html

index.html

copy
Note
注意

デフォルトでは、リスト内の最初の<option>が選択されます。変更したい場合は、任意のselected要素に<option>属性を指定できます。

question mark

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

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

すべて明確でしたか?

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

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

セクション 5.  8

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 5.  8
some-alt