最後にもう一つ､ フォームの要素を紹介したいと思います｡ 実はこの要素は､ 前に説明したような型を持つ入力ではありません｡
少し違いますが､ 考え方は同じです｡
ここでは車を追加し､ またドロップダウンメニューにします｡ これはフォームフィールドでよく見られるものです｡
ただし､ inputタグとは異なり､ selectタグを行わなければならない｡
それは､ 閉じるセレクトタグでもある｡
そして､ この中に選択肢を入れることができます｡
だから､ オプションはWe'll have the value ofになる｡
ボルボ
さて､ フォルカー､ そして私たちはそれを望んでいるので､ ボルボと言います｡
実際に画面にプリントしてみる｡
そしてまた､ そのタグを閉じなければならない｡
追加します｡
オーディー
そして､ そのタグも閉じれば､ どんどん追加していくことができます｡
でも､ 今は2つでいいんです｡
これを保存して更新すると
車もある｡
ここで一区切りをつけましょう｡
ただ､ よりきれいに見えるように｡
これでよしとする｡
そして､ ここにドロップダウン・メニューがあります｡
これを拡張したいとか､ selectのやり方でどんなプロパティが付けられるか見てみたいとか､ そういうことを言うとします｡
ご存知のように､ 私たちは以前にもこのようなことを行っています｡
HTMLと入力し､ タグを選択します｡
また､ Googleはこのページで属性情報を提供しています｡
このように､ 複数のオプションを一度に選択することができるマルチプルを使用することができます｡
では､ そうしましょう｡
そうしよう｡
最小限に抑えよう｡
完璧です｡
そして､ selectの中に､ multipleを入れる｡
リフレッシュして､ 実際に複数の要素を選択することができますが､ これはそれほどきれいには見えません｡
だから､ それを取り出してリフレッシュするんです｡
実は､ 重要な入力タイプをひとつ忘れていたことに気づいたので､ オマケで入れておきますね｡
ご存知のように､ 登録フォームにはパスワードが必要です｡
では､ メールの直後に追加してみましょう｡
していきます｡
入力タイプです｡
このパスワード・タイプには､ もう一つクールな属性があり､ それはパスワードに必要な最小文字数を示すminです｡
そこで､ その更新を保存して､ ここに区切りを追加してみましょう｡
だから､ きれいに見えるんです｡
リフレッシュして､ 今度はパスワード欄｡
あれを見てください｡
パスワードフィールドのように動作します｡
では､ このフォームを送信して､ 何が起こるか見てみましょう｡