تعليق: لقد تجاهلت الوظائف القوية لـ HTML5 من قبل ، لكنني لا أعرف أن معظم البيانات تحتاج إلى التحقق من ذلك بنفسي ، ولا أحتاج إلى الوظائف الإضافية لعرض التقويم. سوف أشارككم بعض الوظائف الصغيرة معك.
1. مربع إدخال EMAIL للتحقق تلقائيًا من صحة البريد الإلكتروني.<! doctype html>
<html>
<body>
<form action = "#" method = "get">
البريد الإلكتروني: <إدخال نوع = "البريد الإلكتروني"/>
<نوع الإدخال = "إرسال"/>
</form>
</body>
</html>
2. عدد الإدخال الرقمي ، تحقق من أنه صحيح ، ويمكن تعيين بتات البدء والنهاية.
<! doctype html>
<html>
<body>
<form action = "#" method = "get">
<type type = "number" step = "5" min = "5" max = "20" value = "0"/>
<نوع الإدخال = "إرسال"/>
</form>
</body>
</html>
3. يمكن لمربع إدخال عنوان URL التحقق من صحة إدخال عنوان URL.
<form action =# method = get> url: <input type = url name = user_email/> <br/> <إدخال نوع = إرسال/</form>
4.Date Pickers (التاريخ ، الشهر ، الأسبوع ، الوقت ، DateTime ، DateTime-Local) مربع التحديد ، يمكنك تحديد التاريخ والوقت والشهر والأسبوع.
<! doctype html>
<html>
<body>
<form action = "#" method = "get">
التاريخ: <إدخال نوع = "التاريخ"/>
الشهر: <إدخال نوع = "شهر"/>
الأسبوع: <إدخال نوع = "الأسبوع"/>
الوقت: <إدخال نوع = "الوقت"/>
DateTime: <input type = "dateTime"/>
DateTime-Local: <إدخال نوع = "DateTime-Local"/>
<نوع الإدخال = "إرسال"/>
</form>
</body>
</html>
5. اختيار إدخال Datalist.
<! doctype html> <html>
<body>
<form action = "#" method = "get">
صفحة الويب: <إدخال type = "url" list = "url_list" value = "fdf"/>
<stalist>
<Option Label = "W3School" value = "http://www.w3school.com.cn"/>
<Option Label = "Microsoft" value = "http://www.microsoft.com"/>
</datalist> <إدخال نوع = "إرسال"/>
</form>
</body>
</html>