こんにちは朱夏です。
今回は、入力フォームで使えるパーツを一覧にまとめてみました。
入力フォームで使えるものってどんなものがあるの？
パーツ一覧を作って、必要なものがすぐ見つけられるようにしておきたいと思います。
それではいってみましょう。
パーツ一覧
1.テキスト入力（1行）
2.プルダウン
3.ラジオボタン
4.チェックボックス
5.テキスト入力（複数行）
あとがき
パーツ一覧
1.テキスト入力（1行）
こちらは1行のテキスト入力欄になります。
名前、住所などでよく使われる基本のフォームです。
See the Pen
yLYbzxp by 朱夏 (@syunatsu1)
on CodePen.
2.プルダウン
プルダウンで選択できるフォームです。
月や日、曜日の他に、血液型や都道府県など、たくさんある選択肢の中から1つを指定して欲しいときに使われることが多いです。
See the Pen
abvWLeM by 朱夏 (@syunatsu1)
on CodePen.
3.ラジオボタン
ラジオボタンのフォームです。
性別などの少ない選択肢からワンクリックで選択して欲しい時に使われます。
See the Pen
NWGjwPa by 朱夏 (@syunatsu1)
on CodePen.
4.チェックボックス
チェックボックスは複数選択できます。
ゲームだと得意なゲームジャンルだとか、所持しているゲーム機など、エンジニアの場合だと使用可能言語など、使い方は様々あります。
See the Pen
qBOmVrE by 朱夏 (@syunatsu1)
on CodePen.
5. テキスト入力（複数行）
複数行のテキストを入力できるボックスでです。
メール本文や問い合わせ内容など、長文を入力してもらうときに使います。
See the Pen
VwvbryK by 朱夏 (@syunatsu1)
on CodePen.
あとがき
というわけで、フォームのパーツを一覧にまとめてみました。
入力フォームが使える様になれば、問い合わせフォームや注文フォームなど色々作れるようになると思います。
今回はここまでです。
次回もよろしくお願いします。
