こんな人に読んで欲しい！
・応募フォームなどで見かける「アレ」をどうやって作るのかを知りたい人
こんにちは、「なゆた」です！
今日は、HTMLでの「プルダウン式選択メニュー」の作り方についてを書きます。
皆さんは、「これ」を見たことはありますか？
これは「プルダウン式選択メニュー」といって、応募フォームなどでよく使われます。
今回は、その「プルダウン式選択メニュー」の作り方を皆さんにお教えします。
《主な使用タグ》
select・・・複数ある項目の中から１つを選択して選ぶ際に使用するコントロール。いわゆるプルダウン式メニューと呼ばれるものになる。
option・・・select 要素の選択項目を作成する要素。
①まず、＜select＞タグを入力し、その中にname属性を入れます。（属性の中身は自由です。）
②次に、＜option＞タグを入力し、その中にvalue属性を入れます。（属性の中身は自由です。）
③名前の文字を入力し、＜/option＞タグで締めます。
④この作業を、（value属性を除いて）選べるようにするべく何回も繰り返します。
⑤最後に、＜/select＞タグで締めて完成です！！
完成例が、こちらです！
いかがでしたか？この「プルダウン式選択メニュー」は、とても依頼されやすい作業の一つなので、ぜひ参考にしてください！
以上です、ありがとうございました！
コメント