ความคิดเห็น: ฉันได้เพิกเฉยต่อฟังก์ชั่นที่ทรงพลังของ HTML5 มาก่อน แต่ฉันไม่ทราบว่าข้อมูลส่วนใหญ่จำเป็นต้องได้รับการตรวจสอบด้วยตัวเองด้วยและฉันไม่จำเป็นต้องเสริมเพื่อแสดงปฏิทิน ฉันจะแบ่งปันฟังก์ชั่นเล็ก ๆ กับคุณ
1. กล่องป้อนข้อมูลเพื่อตรวจสอบความถูกต้องของอีเมลโดยอัตโนมัติ<! doctype html>
<html>
<body>
<form action = "#" method = "get">
อีเมล: <อินพุต type = "อีเมล"/>>>>>
<อินพุต type = "ส่ง"/>
</form>
</body>
</html>
2. อินพุตดิจิตอลจำนวนมากตรวจสอบว่าถูกต้องและสามารถตั้งค่าบิตเริ่มต้นและจุดสิ้นสุดได้
<! doctype html>
<html>
<body>
<form action = "#" method = "get">
<input type = "number" step = "5" min = "5" max = "20" value = "0"/>
<อินพุต type = "ส่ง"/>
</form>
</body>
</html>
3. กล่องอินพุต URL สามารถตรวจสอบความถูกต้องของอินพุต URL
<form action =# method = get> url: <input type = url name = user_email/> <br/> <input type = submit/</form>
4. วันที่เลือก (วันที่เดือนสัปดาห์เวลา, DateTime, DateTime-Local) กล่องคุณสามารถเลือกวันที่เวลาเดือนและสัปดาห์
<! doctype html>
<html>
<body>
<form action = "#" method = "get">
วันที่: <อินพุต type = "วันที่"/>
เดือน: <อินพุต type = "เดือน"/>
สัปดาห์: <อินพุต type = "สัปดาห์"/>
เวลา: <อินพุต type = "เวลา"/>
DateTime: <input type = "DateTime"/>
DateTime-Local: <input type = "DateTime-Local"/>
<อินพุต type = "ส่ง"/>
</form>
</body>
</html>
5. การเลือกอินพุต Datalist
<! doctype html> <html>
<body>
<form action = "#" method = "get">
หน้าเว็บ: <อินพุต type = "url" list = "url_list" value = "fdf"/>
<Datalist>
<ตัวเลือกป้ายกำกับ = "w3School" value = "http://www.w3school.com.cn"/>
<ตัวเลือก label = "microsoft" value = "http://www.microsoft.com"/>
</datalist> <อินพุต type = "ส่ง"/>
</form>
</body>
</html>