02-HTML 5新しいinputプロパティ

このセクションのポイント
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アドレスを含むべき入力ドメイン

      ，      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タイプでは、週と年を選択できます.
週と年(タイムゾーンなし):

   :