HTML5ではinput要素とかtype属性で指定できる値がかなり増えたので、以前よりも進化した入力フォームを作ることできます。
いくつかご紹介していきましょう♪
■検索窓
<input type=”search”>
■電話番号
<input type=”tel”>
■URL入力フィールド
<input type=”url”>
→URLとして不適切な文字や記号が入っているとエラーを返してくれる
■ メールアドレス入力フィード
<input type=”email”>
■カレンダーが出てきてくれる日付入力フィード
<input type=”date” value=”初期入力値” />
■数値の入力フィールド
<input type=”number”>
■数値のスライダー
<input type=”range” value=”初期入力値” min=”最小値” max=”最大値” step=”刻み幅” >
■カラーピッカー
<input type=”color”>
いろいろありますね！
これらを使用して華やかな登録フォームを作っていきましょう！