コメント:HTML5フォームの絶対に強力な機能については、次のような記事で詳細に紹介されています。フォームのプロパティとレンダリングがあります。あなたはそれらを参照することができます。
1.電子メールの自動検証には、type =電子メールのみが必要です2。日付(年、月、日付)の検証:type =日付
3。時間検証(フォーマット:00:00):type = time
4。数字の検証(追加して下に減算することができます)タイプ=番号
5。月( - 年 - 月)タイプ=月
6. Week (--------------------------------------------------------------------------------------------------------------------------
7。範囲(範囲0-100)タイプ=範囲
8。検索タイプ=検索
9。カラーコレクション:Type = Color
10。URL検証(先行する必要があります)タイプ= URL
<form action = "myform.php" method = 'post'>
電子メール:<入力タイプ= "email"必須= "必須" /> <br/>
日付:<入力型= "日付" /> <br/>
時間:<入力型= "time" /> <br/>
番号:<入力型= "番号" /> <br/>
月:<入力タイプ= "月" /> <br/>
週:<input type = "week"/> <br/>
範囲:<入力型= "範囲" /> <br/>
検索:<入力タイプ= "検索"/> <br/>
色:<入力タイプ= "color" /> <br/>
<input type = "text" value = "" list = "movie"/>
<データリスト>
<オプション> hahaha </option>
<オプション>ちょっとちょっとちょっとちょっとちょっと</option>
<オプション> hehehe </option>
</datalist>
<入力型= "submit" value = "submit"/>
</form>
url:<input type = "url"必須= "必須" form = "myform" /> <br/>
username:<input type = "text" required = "必須" placeholder = "username" formを入力してください "myform" autofocus = "autofocus" pattern = '/w {5}'/>
HTMLはフォーム属性を追加しました
1。必須=必須。必須。
2。プレースホルダー=ユーザー名のデフォルト値を入力してください。プロンプトはサーバーに送信されません。
3。オートフォーカス=ユーザーフレンドリーを改善するためのオートフォーカスオートフォーカス関数
4。pattern= '/w {5}' HTML要素で正規表現を記入します
フォーム以外のフォームを送信できますが、<input form = myform/>、form = myformは、フォームのidの値に等しくする必要があります。
フォームを自動的に入力します:(エフェクトはドロップダウンリストよりもはるかに優れており、それは良い感じです)リストの値は、表示したいコンテンツを認識できるように、データリストのIDの値に等しくなければなりません。
<input type = "text" value = "" list = "movie"/>
<データリスト>
<オプション> hahaha </option>
<オプション>ちょっとちょっとちょっとちょっとちょっと</option>
<オプション> hehehe </option>
</datalist>
ステッカー: