2023.09.14こんにちは。たいら(@tairaengineer2)です。転職を繰り返し現在4社経験している、11年目エンジニアです。HTMLでセレクトボックスの項目を表すoption要素についてoption要素とはoption要素を使ったサンプルプログラムと、丁寧に解説していきます。前提条件:実行環境についてoption要素とはoption要素を解説するプログラムの概要サンプルプログラム実行結果まとめ:option要素を使ってみよう!前提条件:実行環境について実行環境は以下の通りです。OSWindows10option要素とはoption要素とは、セレクトボックスの項目を表す要素です。option要素は、select要素の子供の要素として使います。詳しくはこちらの記事をご参考ください。【HTML】セレクトボックスを作成するselect要素を解説しますoption要素を使うとというようにセレクトボックス内の項目を表すことができます。</select>12345<select><option>aaa</option><option>bbb</option><option>ccc</option></select>とselect要素の子供の要素としてoption要素を使ってセレクトボックスの項目を表します。option要素には指定することができる属性が4つあります。disabled>bbb</option><option>ccc</option></select>では、次の章で実際に使ってみます。option要素を解説するプログラムの概要option要素を解説するプログラムでは、HTMLファイル内でselect要素を使ってセレクトボックスを5つ作成します。作成するセレクトボックスに指定するoption要素はそれぞれ属性の指定なしselected属性のみ指定label属性のみ指定value属性のみ指定disabled属性のみ指定という5つのセレクトボックスを作成して、表示させます。作成したHTMLをブラウザで開きます。それぞれのセレクトボックスをデベロッパーツールで確認します。属性の指定なしのセレクトボックスは指定した項目がセレクトボックスに表示され、属性には何も指定されていないことが確認できました。selected属性のみ指定のセレクトボックスは指定した項目が最初に選択されていることが確認できました。label属性のみ指定のセレクトボックスは指定した値が選択肢として表示されていることが確認できました。value属性のみ指定のセレクトボックスは指定した値がvalueに設定されていることが確認できました。disabled属性のみ指定のセレクトボックスは指定した項目のみが使用不可となっていることが確認できました。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。Δホームその他言語HTMLプロフィールこのブログを運営しているたいらと言います。プログラム言語を合計5言語経験している12年目エンジニアのブロガーです。このブログでは、どこよりも分かりやすくプログラムやツールのインストール方法などを解説し、エンジニアにの疑問解決に役立つ情報を発信します。お問い合わせなどがありましたら、下記のリンクからお願いします。お問い合わせこちらから記事の検索ができます。IDEAXAMPPWindows【コマンドプロンプト】コマンド一覧お問い合わせホーム検索トップサイドバータイトルとURLをコピーしました。