บทความนี้ส่วนใหญ่แนะนำสรุปรูปแบบ HTML5 (รูปแบบ) ที่ใช้กันทั่วไปบางส่วนรวมถึงการแสดงออกปกติที่ใช้กันทั่วไปซึ่งส่วนใหญ่เป็นส่วนใหญ่สำหรับการผลิตเว็บเพจมือถือ เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
เมื่อเร็ว ๆ นี้เมื่อฉันทำงานบนหน้าโทรศัพท์มือถือฉันพบปัญหาของแป้นพิมพ์ที่มีอินพุตตัวเลข วิธีการก่อนหน้านี้เป็นเพียงขนาดเดียวที่เหมาะกับการใช้งานทั้งหมด = tel แต่ฉันมักจะรู้สึกว่าตัวอักษรภาษาอังกฤษบนแป้นพิมพ์ที่มีหมายเลขโทรศัพท์เก้ากริดนั้นล่วงล้ำเกินไป ดังนั้นฉันต้องการลองใช้โซลูชั่นการใช้งานอื่น ๆ แต่ข้อสรุปสุดท้ายก็น่าผิดหวัง อย่างไรก็ตามฉันยังใช้โอกาสเรียนรู้เพิ่มเติมเกี่ยวกับคุณลักษณะของรูปแบบ
ความแตกต่างระหว่าง type = tel และ type = numberให้ฉันอธิบายปัญหาเริ่มต้น ในความเป็นจริงไม่มีโทรหรือหมายเลขที่สมบูรณ์แบบ:
type = tel
ข้อได้เปรียบคือประสิทธิภาพของแป้นพิมพ์ของ iOS และ Android นั้นคล้ายคลึงกัน
ข้อเสียคือตัวอักษรเหล่านั้นฟุ่มเฟือย แม้ว่าฉันจะไม่มีความผิดปกติที่ครอบงำ แต่ฉันก็ยังรู้สึกแปลก ๆ
type = number
ข้อได้เปรียบคือแป้นพิมพ์ตัวเลขจริงที่นำมาใช้ภายใต้ Android
ข้อเสีย 1: ไม่ใช่แป้นพิมพ์เก้ากริดภายใต้ iOS ดังนั้นจึงไม่สะดวกที่จะป้อน
ข้อเสีย 2: Android รุ่นเก่า (รวมถึง X5 Core ที่ใช้โดย WeChat) จะมีหางที่ไร้ประโยชน์สุด ๆ อยู่ด้านหลังกล่องอินพุต โชคดีที่ Android 4.4.4 ถูกลบออกไป
อย่างไรก็ตามสำหรับข้อบกพร่องที่ 2 เราสามารถใช้การเลือกตั้งแบบหลอกโดย WebKit เพื่อแก้ไข:
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด