wulin.comの記事紹介(www.vevb.com):html5チュートリアル:フォームフォーム自動検証。
1。必要な属性:
<form>
<input id = webjx_required name = webjx.com expect type = text/>
<入力タイプ=送信値=送信/
</form>
必要な属性は、ほとんどの入力要素(非表示の要素、画像要素ボタンなどを除く)で使用できます。
必要なプロパティは、この入力ボックスが必要なアイテムであることを示しています。送信すると、この入力ボックスが空の場合、ユーザーは入力して送信するように求められます。
<form>
<input id = webjx_required name = webjx.com expect type = text/>
<入力タイプ=送信値=送信/
< /form>
2。パターン属性:
<form>
<input id = webjx_pattern name = webjx.com必要なパターン=/d {3} type = text/
<入力タイプ=送信値=送信/
</form>
パターン属性の値は一般に正規表現です。ユーザーが入力したコンテンツが特定の形式を満たしている場合にのみ、送信できます。それ以外の場合、ユーザーは要件を満たさないように求められます。上記のように、3桁を入力する必要があります。
今すぐ実行:
<form>
<input id = webjx_pattern name = webjx.com必要なパターン=/d {3} type = text/
<入力タイプ=送信値=送信/
< /form>
3。最小属性と最大属性:
<form>
<入力ID = webjx_min_max name = webjx.com required min = 3 max = 16 type = number/>
<入力タイプ=送信値=送信/
</form>
2つの属性は、minとmaxは、数値タイプまたは日ベースのタイプの入力要素の独自の属性です。それらは、入力要素に入力された値と日付の範囲を制限します。属性値は数字です。
今すぐ実行:
<form>
<入力ID = webjx_min_max name = webjx.com required min = 3 max = 16 type = number/>
<入力タイプ=送信値=送信/
< /form>
4。ステップ属性:
<form>
<入力ID = webjx_step name = webjx.com必要なステップ= 10分= 0 max = 100タイプ= number/>
<入力タイプ=送信値=送信/
</form>
ステップ属性は、入力要素の値の増加または減少を制御します。たとえば、ユーザーに0〜100の間の値を入力する場合は、上記のコードに示すように、10の倍数でなければなりません。以下をクリックして実行して効果を確認します。
今すぐ実行:
<form>
<入力ID = webjx_step name = webjx.com必要なステップ= 10分= 0 max = 100タイプ= number/>
<入力タイプ=送信値=送信/
< /form>