LoginSignup
0
0

More than 3 years have passed since last update.

HTML~フォーム作成①~

Last updated at Posted at 2021-03-04

ここではお問い合わせフォームの部品について見ていきます。

まずは、お問い合わせフォームを作るために必ず使う"type"属性について見ていきましょう!
フォーム部品の種類を指定する際に使用します!inputタグと一緒に使います。
それでは見ていきましょう。

①1行テキスト

index.html
<input type="text">

と入力するとブラウザ上で1行のみ表示されますね。
スクリーンショット 2021-03-04 13.01.14.png

これはtype属性の初期値です👍
他にも様々な値がありますので、参考にどうぞ!
http://www.htmq.com/html5/input_type_search.shtml

②2行以上のテキスト

index.html
<textarea></textarea>

スクリーンショット 2021-03-04 13.20.36.png

③password テキスト

index.html
<input type="password">

スクリーンショット 2021-03-04 13.23.20.png

いつも入力するpassword入力ホームになりましたね!!
ただこれだと、何を入力するのかがわかりにくいですね(^_^;)

そこで何を入力するのかがわかるようにしていきたいと思います👍

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0