HTML5 にはどのような新しい入力タイプと属性が追加されますか?

新しいタイプ: 色、日付、日時、電子メール、月、数値、電話番号、時刻、URL、週など; 新しい属性: オートフォーカス、フォーム、最大、最小、パターン、ステップ、リストなど。

(推奨チュートリアル: html チュートリアル)

HTML5 の新しい入力タイプとその属性

HTML4.01では、入力タイプはテキスト、ボタン、パスワード、送信、ラジオ、チェックボックス、非表示（隠しフィールド）のみです。次のような、より使いやすい新しいタイプが H5 に追加されました。

• color

Colorセレクターをクリックするとポップアップが表示されます。任意の色を選択できます。

• 番号
  
  範囲内の数値を入力してください。範囲外の数値を手動で入力することもできますを送信することはできません

• tel
  電話番号を入力してください。Safari のみがサポートしています

• email
  これには、 -in 検出機能 送信時に @ 記号が含まれているかどうか、@ 記号の前後に文字があるかどうかを検出します

• 範囲
  

• url
  入力した URL は先頭が http:// であり、その後に文字がなければ送信できません

• date
  日付は手動で選択できます
  

• time
  時刻は手動で選択できます
  

• datetime
  タイム ゾーンを含む日付と時刻を選択します。つまり、filfox と chrome はサポートしていません

• #datetime-local

  
  タイムゾーンなしの日付と時刻を選択します
  

• month

  
  と日付の種類は同じですが、月のみ選択できる点が異なります
  

• week

  
  と選択できるのは週のみです。この日付方法は中国ではほとんど使用されません。
  

• 検索
  検索文字列の入力に使用するテキスト フィールドを定義します。

  
  

いくつかの新しい共通プロパティ :

• autocomplete

  オプションの値 on/off。ユーザーが以前に入力した内容に基づいてブラウザが自動的に入力する / 自動入力を許可しないことを示します。
  

• autofocus

  入力は自動的に取得されますページがロードされたときにフォーカス
  

• form

  フォーム外の入力が 1 つ以上のフォームに属していることが指定されており、form 属性は所属するフォームの id 値を指します。 form. 、複数のフォームに属している場合は、ID の間にスペースを追加します
  

• list

list は参照されるデータリストを指します (関数は選択と同じですが、Web ページには表示されません) 事前定義されたオプション オプション (

<form><input list="mylist"/><datalist id="mylist">
    <option>张三</option>
    <option>李四</option>
    <option>王五</option></datalist></form>

など)。ページ上のパフォーマンスは次のとおりです (オプション オプションは、右側をクリックして展開すると展開されます) :

- formaction

は、フォームの送信時に入力コントロールを処理するファイルの URL を指定します。 (type="submit" および type="image" の場合のみ)

#- formenctype

サーバーに送信するときにフォーム データをエンコードする方法を指定します (type="submit" および type の場合のみ) =「イメージ」)。

-formmethod

フォーム データをアクション URL に送信する HTTP メソッドを定義します。 (type="submit" および type="image" にのみ適しています)

- formnovalidate

formnovalidate 属性は、

要素の novalidate 属性をオーバーライドします。 #-formtarget

は、フォームの送信後に受け取った応答の名前またはキーワードを表示する場所を指定します。 (type="submit" および type="image" にのみ適しています)

#- height

要素の高さを指定します。 (type="image" の場合のみ)

- min

数値、範囲、日付、日時、ローカル日時、月、時刻に適用される最小入力値を指定します

- max

は最大入力値を指定します。数値、範囲、日付、日時、ローカル日時、月、時刻にも適用されます。

- 複数の

は、「,」で区切られた複数の値を許可します

- 必須

項目は必ず入力する必要があります。つまり、空にすることはできません。空の場合は送信されません

- パターン

検証関連の通常のルールを定義します。形式に「/ /」を追加する必要がないことに注意してください。

- プレースホルダー
ユーザーが入力する前に入力ボックスに表示されるプロンプトの内容を定義します。通常はライトです。グレー

- step
数値変更のステップ サイズ、つまり、step="5" などの各変更の単位を定義します。入力が 5 の整数倍でない場合、

- width

width 属性は、 要素の幅を指定します。 (type="image" のみ)

プログラミング関連の知識については、プログラミング学習をご覧ください。 ！

以上がHTML5 にはどのような新しい入力タイプと属性が追加されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。