inputタグのtype属性について

一つ前の記事で紹介したinputタグのtype属性を今回は書いていきたいと思う。
inputタグはtype属性を変える事で様々な役割を持たせることができるので、非常に便利なタグだ。

text

名前やメールアドレスなど一行で入力できる情報を入力してもらいたい時に使用する。

number

半角数字のみを入力してもらいたい時に使用する。

tel

電話番号を入力してもらいたい時に使用する。

email

メールアドレスを入力してもらいたい時に使用する。

url

urlを入力してもらいたい時に使用する。

password

パスワードを入力してもらいたい時に使用する。入力された文字は全て黒丸で表示される。

reset

入力した文章を全て消す時に使う。

submit

送信ボタンの役割をする。

他にも色々あるが、必要になったら調べてみるといい。