selectタグ

selectタグを使ってみる

ウェブサイトのユーザー登録画面で

お住まいの地域を選択してください。

北海道 関東・東北 中部・関西 四国・中国 九州・沖縄

このような選択するものを見たことがありませんか？
これも書いてみると意外とシンプルです。

書き方

<select name="日本">
</select>

最初に、"select"タグを書きます。
"name"も指定します。
これで外枠ができます。
次に、選択する中身を書きます。
中身は"option"タグで指定します。

<select name="日本">
 <option vale="A">北海道</option>
 <option vale="B">関東・東北</option>
 <option vale="C">中部・関西</option>
 <option vale="D">四国・中国</option>
 <option vale="E">九州・沖縄</option>
</select>

これで完成です。
北海道 関東・東北 中部・関西 四国・中国 九州・沖縄

属性の追加

<select name="日本">

この中にsize="5"と指定すると
北海道 関東・東北 中部・関西 四国・中国 九州・沖縄
表示される枠を大きくすることができます。

以上です。
教材:ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト