html,PHPの” ”部分における入力について

Question

htmlやPHPで” ”内で使用する英単語、例えば

<input type="password"> <input type="e-mail">

等、こういった""で区切られている部分はあらかじめ何が入れられるのか、決まっているものなのでしょうか。

マニュアルでは、「ここではe-mailと入れておきましょう」「passwordと入れておきましょう」と書いてあるので、この単語を入力しなければいけないのか、それとも自分で入れたい半角英数字を入れることも可能なのか、というニュアンスがわかりません。

ご教示頂けますと幸甚です。
どうぞ宜しくお願いいたします。

Answer 1

はい、<input>のtypeはHTMLの仕様で決まっていますので、指定できる値は限られています（MDN）。

なお、type="e-mail"と言うのは正しくなく、type="email"が正しいです。

Comments

[eri_3100]

コメントありがとうございます。また、訂正もありがとうございます！
MDNのサイトも知らない情報でしたので、よく読んでみます！

Answer 2

typeを属性または属性名、e-mailやpasswordを属性値と言います。

属性によって設定できる属性値には違いがあり、

• 設定できる属性値があらかじめ定められているもの
• 任意の値を指定できるもの

があります。input要素であれば、type属性は前者、value属性は後者です。

どのような属性にどのような属性値が書けるかはリファレンスに書いてあるので確認してください。

Comments

[eri_3100]

ご回答頂きありがとうございます。
リファレンスを見てみます！

Answer 3

type属性には決まった属性を入力する必要があります。
と言ってもかなり種類があるので覚えてみてください。

なぜこのような決まりがあるのかというと、コンピューターにどんな情報が入っているかわかりやすくするために記述する仕様になってます。
http://www.htmq.com/html5/input.shtml

Comments

[eri_3100]

コメント頂きありがとうございます。
URLの内容もとてもわかりやすかったです！後半になるとまだ全然わからない内容でしたが、いろいろといじってみるうちにわかる様になれたら、と思います。

[Higemura]

よかったです！
html5になってから色々増えちゃったので、大変かと思いますが頑張ってください 笑