HTML5 フォーム部品

TOP > HTML > HTML5のフォーム部品 >  HTML5で用意された専用入力ボックス

HTML5のフォーム部品

このエントリーをはてなブックマークに追加

HTML5で用意された専用入力ボックス

input type="search" ■検索専用入力欄

検索: 検索:<input type="search" name="xxx" size="20" />

input type="tel" ■電話番号専用入力欄

電話番号: 電話番号:<input type="tel" name="xxx" size="12" />

input type="url" ■URL専用入力欄

URL: URL:<input type="url" name="xxx" size="20" />

input type="email" ■メールアドレス専用入力欄

メールアドレス: メールアドレス:<input type="email" name="xxx" size="20" />

input type="datetime" ■日時専用入力欄

日時: 日時:<input type="datetime" name="xxx" />

input type="month" ■月専用入力欄

月: 月:<input type="month" name="xxx" />

input type="week" ■週専用入力欄

週: 週:<input type="week" name="xxx" />

input type="time" ■時間専用入力欄

時間: 時間:<input type="time" name="xxx" />

input type="datetime-local" ■日時専用入力欄

日時: 日時:<input type="datetime-local" name="xxx" />

input type="color" ■カラー専用入力欄

色: 色:<input type="color" name="xxx" />

input type="number" ■数値専用入力欄

数値: 数値:<input type="number" name="xxx" />