02-HTML 5新しいinputプロパティ
2210 ワード
このセクションのポイント
HTML 5には複数の新しいフォーム入力タイプがあります.これらの新しい特性は、より良い入力制御と検証を提供します.
このセクションでは、新しい入力タイプについて説明します. date datetime datetime-local email month number range search tel time url week
color
colorタイプinputフィールドで主に色を選択するために使用
date
dateタイプでは、日付セレクタから日付を選択できます.
datetime-local
Datetime-localタイプでは、日付と時間(タイムゾーンなし)を選択できます.
email
Emailタイプe-mailアドレスを含むべき入力ドメイン
ヒント:iPhoneのSafariブラウザはemail入力タイプをサポートし、タッチパネルキーボードを変更することで対応します(@と.comオプションを追加)
month
monthタイプでは、月を選択できます.
number
numberタイプは、数値を含むべき入力ドメインに使用されます.
また、受け入れられる数字の制限を設定することもできます.
range
angeタイプは、一定範囲の数値値を含むべき入力ドメインに使用されます.
rangeタイプはスライドバーとして表示されます.
search
searchタイプは、サイト検索やGoogle検索などのドメイン検索に使用されます.
tel
time
timeタイプでは、時間を選択できます.
url
urlタイプは、URLアドレスを含めるべき入力ドメインに使用されます.
フォームをコミットするとurlドメインの値が自動的に検証されます.
ヒント:iPhoneのSafariブラウザはurl入力タイプをサポートし、タッチスクリーンキーボードを変更することで協力します(.comオプションを追加).
week
weekタイプでは、週と年を選択できます.
週と年(タイムゾーンなし):
HTML 5には複数の新しいフォーム入力タイプがあります.これらの新しい特性は、より良い入力制御と検証を提供します.
このセクションでは、新しい入力タイプについて説明します.
color
colorタイプinputフィールドで主に色を選択するために使用
:
date
dateタイプでは、日付セレクタから日付を選択できます.
:
datetime-local
Datetime-localタイプでは、日付と時間(タイムゾーンなし)を選択できます.
( ):
( ):
Emailタイプe-mailアドレスを含むべき入力ドメイン
, email
E-mail:
ヒント:iPhoneのSafariブラウザはemail入力タイプをサポートし、タッチパネルキーボードを変更することで対応します(@と.comオプションを追加)
month
monthタイプでは、月を選択できます.
( ):
( ):
number
numberタイプは、数値を含むべき入力ドメインに使用されます.
また、受け入れられる数字の制限を設定することもできます.
( 1 5 ):
range
angeタイプは、一定範囲の数値値を含むべき入力ドメインに使用されます.
rangeタイプはスライドバーとして表示されます.
( ):
search
searchタイプは、サイト検索やGoogle検索などのドメイン検索に使用されます.
( Google ):
Google Search:
tel
:
:
time
timeタイプでは、時間を選択できます.
( ):
:
url
urlタイプは、URLアドレスを含めるべき入力ドメインに使用されます.
フォームをコミットするとurlドメインの値が自動的に検証されます.
URL :
:
ヒント:iPhoneのSafariブラウザはurl入力タイプをサポートし、タッチスクリーンキーボードを変更することで協力します(.comオプションを追加).
week
weekタイプでは、週と年を選択できます.
週と年(タイムゾーンなし):
: