Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8686

HTML~フォーム作成②~

$
0
0

前回の続きから始めていきます!
前回の続きはこちらからどうぞ👍▶ https://qiita.com/akari_0618/items/86e5e8b1535c5cec5d7f 

前回入力したものをブラウザで表示するとこうなっているかなと思います!
スクリーンショット 2021-03-04 13.23.20.png

これだと何を入力するのかわからないので名前をつけてあげましょう!
この名前を付けるのは"label"を使いましょう!

その際に使うのが"id属性"と"for属性"です。この子達がlabelの名前とinputで入力した値を紐付けてくれます!
紐付けではいくつかあるみたいなのですが、気になる人は自分で調べてみてください!!
id属性とfor属性についてはこちらを▶https://qiita.com/akari_0618/items/3526fd7b751d9387667d

index.html
<labelfor="name">名前:</label><inputtype="text"id="name"><textarea></textarea><labelfor="password">パスワード:</label><inputtype="password"id="password">

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

id属性とかわかんないからめんどくさい!って思った方!
私もそうだから省略しちゃいましょう😇

index.html
<label>名前:<inputtype="text"></label><textarea></textarea><label>パスワード:<inputtype="password"></label>

はい!こんな感じに楽になりましたね👌


Viewing all articles
Browse latest Browse all 8686

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>