ความคิดเห็น: ฉันเชื่อว่าทุกคนรู้ถึงการปรับปรุง HTML5 สิ่งที่ฉันต้องการแนะนำด้านล่างคือสองประเภทองค์ประกอบอินพุตใหม่อีเมลและ URL ลองทำตามรหัสเพื่อดูผลประโยชน์ของพวกเขา เพื่อนที่สนใจสามารถอ้างถึงได้
ในโพสต์บล็อกก่อนหน้านี้เราได้พูดถึงการปรับปรุง HTML5 บางอย่างเช่นตัวยึดตำแหน่งการดึงข้อมูลล่วงหน้าและเว็บสเตอร์ สิ่งที่ฉันต้องการแนะนำด้านล่างคือสองประเภทองค์ประกอบอินพุตใหม่: อีเมลและ URL ติดตามรหัสเพื่อดูผลประโยชน์ของพวกเขา:รูปแบบไวยากรณ์:
คุณสมบัติประเภทอินพุตใหม่จะใช้อีเมลหรือ URL แทนข้อความ:
<!-อีเมลไม่ใช่สัญลักษณ์ที่ไม่ใช่@ +@
ตัวอย่างเช่น [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (com | cn | org | net)->
<อินพุต type = "อีเมล" pattern = "[^@]*@[^@]*" value = "">
<!-url->
<อินพุต type = "url" value = "">
การใช้โดเมนรูปแบบที่ไม่ซ้ำกันของ HTML5 คุณสามารถให้นิพจน์ปกติเพื่อตรวจสอบรูปแบบของอีเมลและที่อยู่ URL ซึ่งเราจะหารือในบทความอื่น
ข้อได้เปรียบ
- สไตล์ CSS พิเศษสามารถปรับแต่งได้อินพุต [type = อีเมล]
- สไตล์ CSS พิเศษสามารถปรับแต่งได้อินพุต [type = url]
- คำจำกัดความความหมายเพิ่มเติมสามารถทำได้
- การปรับตัวของแอปพลิเคชันมือถือ: เบราว์เซอร์มือถือจะปรากฏขึ้นคีย์บอร์ดพิเศษสำหรับอีเมลและ URL โดยไม่ต้องเปลี่ยนคู่มือผู้ใช้
ตอนแรกฉันรู้สึกเบื่อหน่ายกับการเพิ่มประเภทอินพุตที่ไม่จำเป็น แต่หลังจากคิดอย่างลึกซึ้งฉันคิดว่ามันเป็นการเคลื่อนไหวที่ดีในการปรับปรุงประสบการณ์ผู้ใช้ คุณคิดอย่างไร?