HTML5では、多数のフォーム要素と属性を追加しながら、多数の関数を追加して、フォームのコンテンツの妥当性の検証を、次にフォームのフォームで検証します。
HTML5では、フォームのフォーム中に、要素の属性を自動検証することで実装できます。
<！doctype html> <html lang = en> <head> <meta charset = utf-8> <title> form example </title> </head> <blate> <form action =＃method = post> <input > <入力タイプ=テキスト名=テキスト要求パターン=^/w。
次に、HTML5のHTML5の入力コンテンツのコンテンツを制限する属性の仕様を見てみましょう。
1.必要な属性
HTML5の新しい属性は、ほとんどの入力要素に適用できます（非表示の要素、画像要素ボタンを除く）。送信するとき、要素内のコンテンツが空白の場合。提出を許可されていない場合、情報プロンプトのテキストがブラウザに表示され、ユーザーにこの要素にコンテンツを入力するように促します。効果は図に示されています。
2。パターン属性
電子メール、番号、URLなど、前述の新しく追加された入力要素は、特定の形式を満たし、入力要素にパターン属性を使用し、属性値を特定の形式の正規表現に設定するために入力コンテンツを必要とします。送信するときは、コンテンツが形式に沿っているかどうかを確認します。入力のコンテンツが形式を満たしていない場合、同時に情報が表示されません
<！doctype html> <html lang = en> <gead> <meta charset = utf-8> <title> form exames </title> </head> <body> <form action =＃method = post>入力してくださいコンテンツの指定：<入力パターン= [0-9] [AZ] {3} name = part placeholder = input：a numbers 3つの大文字> <入力タイプ= submit> </form> </body> < /html>実行効果は次のとおりです。
3.minプロパティと最大属性
MINとMAXの2つの属性は、入力要素の範囲と日付を制限する日付の入力要素の特別な属性です。
<！doctype html> <html lang = en> <gead> <meta charset = utf-8> <title> form exames </title> </head> <body> <form action =＃method = post>入力してください値：<入力タイプ= number name = point min = 0 max = 100/> <入力タイプ= submit value = submit> </form> </body> </html>
実行効果は次のとおりです。
4.ステップ属性
ステップ属性は、入力要素の値を制御して、減少したときにステップを増やします。たとえば、ユーザーの値を0〜100の間に入力したいが、5の倍数である必要がある場合は、ステップが5で、コードは次のとおりであることを指定できます。
<！doctype html> <html lang = en> <head> <utf-8> <title> form verification </title> </head> <blate> <form action =＃method = get> <入力> <inupt> type = number name = point step = 5/> <input type = submit/> </body> </html>
効果は次のとおりです。
これらのフォームの新しい属性について、あなたがより深い理解を深めることができることを願っています！ご不明な点がございましたら、メッセージを残してください。Xiaobianはすべての人に時間内に返信します。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！