導入
1行のテキスト入力は <input> で作ります。中身のない空要素で、type 属性でどんな入力欄かを切り替えます。
説明
type="text"… ふつうの文字入力type="password"… 入力が伏字になるplaceholder… 未入力のときに薄く出るヒント文
<input type="text" placeholder="お名前">
<input type="password" placeholder="パスワード">type を変えるだけで、同じ <input> がいろいろな入力欄に変わります。
やってみよう
上の例を打ち込み、片方はそのまま文字が見え、もう片方は打つと伏字になることを確かめましょう。
演習
type="text"、placeholder="メールアドレス" の入力欄を1つ作ってください。
ヒント1を見る
<input> に type と placeholder の2属性を付けます。終了タグは不要です。