自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。基本インドアです!InstagramTwitterContactサーバーとドメインの同時取得で.jpが無料シュウ今回は【HTML】selectの使い方、プルダウンメニューを作成しよう!の解説になります!こんな方に読んでほしいHTMLを学び始めた方へHTMLについて学びたい方へ今回はselect(プルダウンメニュー)について解説しております。今回は、select(プルダウンメニュー)について詳しく解説していきます。selectでは、「プルダウンメニュー」の選択肢を作成します。selectで作成すると、プルダウンメニューの選択肢が作成されます。type="text"になり、通常の入力欄になります。右の図が、selectになり、プルダウンメニューの選択肢になります。ChromeSafariFirefoxIEEdge[記事の内容]selectについて初期値を空白に設定するselected属性(選択肢の選択値)についてmultiple属性(複数の選択肢)についてrequired属性(必須項目)についてoptgroupタグ(グループ)についてCSSでselectを整える関連記事まとめselectについてselectを指定すると、プルダウンメニューの選択肢になります。選択肢が多い時に使います。selectタグで全体を囲み、その中にoptionを使い選択肢を入れます。value属性に入力した値が送信される内容になります。value="北海道"が、値になります。書き方は以下のようになります。value=""の空のオプションを一番上に設置しましょう。「選択してください」、「都道府県を選択」などユーザーが分かりやすいように、テキストを入れておきましょう。下記省略</option></select></div></form>selected属性(選択肢の選択値)についてselected属性とは、選択肢の選択値になります。上記で解説した「空のoption」より、selectedを指定した方が、優先されます。selectedのみ記述すれば問題ありません。下記省略</option></select></div></form>multiple属性(複数の選択肢)についてmultiple属性とは、複数の選択肢が可能になります。selectタグに、multipleのみ記述すれば問題ありません。プルダウンメニューではなくなります。見えにくい恐れがあります。複数の項目を選択をしたい場合は、checkboxを使用しましょう。・チェックボックス(checkbox)は、複数の選択が可能になります。required属性(必須項目)についてrequired属性とは、必須項目に設定します、エラー表示はブラウザによって違います。requiredのみ記述すれば問題ありません。「空のoption」がない場合は、「北海道」がそのまま送信されてしまうので、必ず「空のoption」を設置しておきましょう。下記省略</option></select></div></form>optgroupタグ(グループ)についてoptgroupタグとは、選択肢のグループ分けが可能になります。例として、都府道府県は「47」あります。