コメント：以前にHTML5の強力な機能を無視しましたが、ほとんどのデータを自分で検証する必要があることはわかりません。カレンダーを表示するために追加する必要はありません。私はあなたといくつかの小さな機能を共有します。
1.電子メールの有効性を自動的に確認するための入力ボックス。<！doctype html>
<html>
<body>
<form action = "＃" method = "get">
電子メール：<入力型= "email"/>
<入力型= "submit"/>
</form>
</body>
</html>
2.デジタル入力数を数え、それが正しいことを確認し、開始ビットと終了ビットを設定できます。
<！doctype html>
<html>
<body>
<form action = "＃" method = "get">
<入力型= "number" step = "5" min = "5" max = "20" value = "0"/>
<入力型= "submit"/>
</form>
</body>
</html>
3. URL入力ボックスは、URL入力の有効性を検証できます。
<form action =＃method = get> url：<入力タイプ= url name = user_email/> <br/> <入力タイプ= submit/</form>
4.デートピッカー（日付、月、週、時間、日時、Datetime-Local）選択ボックス、日付、時刻、月、週を選択できます。
<！doctype html>
<html>
<body>
<form action = "＃" method = "get">
日付：<入力型= "日付"/>
月：<入力型= "月"/>
週：<input type = "week"/>
時間：<入力型= "time"/>
DateTime：<入力型= "DateTime"/>
DateTime-Local：<入力型= "DateTime-Local"/>
<入力型= "submit"/>
</form>
</body>
</html>
5。データリストの入力選択。
<！doctype html> <html>
<body>
<form action = "＃" method = "get">
Webページ：<入力型= "url" list = "url_list" value = "fdf"/>
<データリスト>
<オプションラベル= "w3school" value = "http://www.w3school.com.cn"/>
<オプションラベル= "microsoft" value = "http://www.microsoft.com"/>
</datalist> <入力タイプ= "submit"/>
</form>
</body>
</html>