ドロップダウンメニューのためのSelect要素の使用
メニューを表示するにはスワイプしてください
<select> 要素は、ユーザーが選択できるドロップダウンリストを作成するために使用。主に、ユーザーがあらかじめ定義された選択肢から選ぶ必要があるフォームで利用。
この要素は常に <option> 要素と組み合わせて使用。<option> 要素は、ドロップダウンリスト内の個々の項目を定義。
index.html
<select> 要素には、動作を変更するためのいくつかの属性が存在:
name: フォーム送信時に使用される select 要素の名前;size: ドロップダウンリストで表示される選択肢の数;multiple: 指定すると、複数の選択肢を選択可能;disabled: 指定すると、select 要素が無効化。
リストを別々の無関係なグループに分割するには、<optgroup> タグを使用。label 属性でグループのタイトルを指定。
index.html
注記
デフォルトでは、リスト内の最初の <option> が選択される。他の項目を選択状態にしたい場合は、任意の selected 要素に <option> 属性を指定。
すべて明確でしたか?
フィードバックありがとうございます!
セクション 1. 章 29
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 1. 章 29