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アドレスを含むべき入力ドメイン
          ,      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タイプでは、週と年を選択できます.
    週と年(タイムゾーンなし):
       :