ตอนนี้ใช้ <input type =“ tel” /> ได้หรือไม่

107

ผมทำงานใน app <input type="tel"/>เว็บโทรศัพท์มือถือและฉันมีช่องข้อความหลายอย่างที่จะได้ประโยชน์จาก iPhone จะปรับแป้นพิมพ์สำหรับผู้ใช้ แต่ฉันกังวลเกี่ยวกับความเข้ากันได้แบบย้อนกลับ สิ่งที่ฉันหวังคือเบราว์เซอร์ / โทรศัพท์ที่รองรับสิ่งนี้สามารถช่วยเหลือผู้ใช้และเบราว์เซอร์อื่น ๆ จะถอยกลับไปที่ช่องข้อความมาตรฐาน? นี่เป็นวิธีปฏิบัติที่ยอมรับได้หรือไม่? มันใช้งานได้หรือไม่?

html mobile-website backwards-compatibility

— ไมเคิล
แหล่งที่มา

น่าเสียดายที่เบราว์เซอร์ Opera Mobile จะแสดงช่องป้อนข้อความปกติพร้อมแป้นพิมพ์ QWERTY ปกติแทนที่จะเป็นตัวเลข

— andreszs

ไม่กี่ปีต่อมาและตอนนี้เรามีcaniuse.com/#feat=input-email-tel-url

— John Magnolia

ฉันคิดว่าข้อมูลอ้างอิงที่ดีที่สุดคือMDN

— T04435

130

ใช่ประเภทที่ไม่รองรับจะเปลี่ยนกลับเป็นรูปแบบ 'type = text'

ฉันพบหน้าที่ดีซึ่งแสดงรายการประเภทอินพุตที่มีอยู่ทั้งหมด ฉันลองดูจากเบราว์เซอร์ที่แตกต่างกันน่าสนใจเล็กน้อย ไม่รู้ว่ามันจะช่วยคุณได้หรือเปล่า

http://miketaylr.com/pres/html5/forms2.html

— animuson
แหล่งที่มา

1

ฉันทดสอบโดยใช้ browserstack เช่น 7, 8, 9 ในโครงการและทุกอย่างเริ่มต้นที่จะพิมพ์ข้อความ

— JAMESSTONEco

@animuson. ฉันไม่แน่ใจว่าจะติดต่อคุณอย่างไรจึงให้อภัยการล่วงล้ำนอกประเด็นในคำตอบของคุณ โปรดดูmetaโพสต์ของฉันเกี่ยวกับการลบหัวข้อของฉันในวันนี้ ขอขอบคุณสำหรับเวลาของคุณ.

— markE

ลิงค์ดี .. thanx

— deemi-D-nadeem

22

เบราว์เซอร์จะเปลี่ยนกลับไปใช้ type = "text" เมื่อพบประเภทอินพุตที่ไม่รองรับ ดังนั้นฉันคิดว่าสามารถใช้ type = "tel" ได้

— el.pescado
แหล่งที่มา

15

คำตอบสั้น ๆ : ใช่ ดังที่ @ el.pescado กล่าวถึงเบราว์เซอร์จะกลับไปสู่type=textเมื่อพวกเขาไม่ยอมรับประเภท สำหรับข้อมูลเพิ่มเติมเกี่ยวกับคุณสมบัติเจ๋ง ๆ อื่น ๆ ที่คุณได้รับจากฟอร์ม HTML5 โปรดดูA Form of Madnessซึ่งเป็นบทฟอร์มใน Dive Into HTML5

— แฮงค์เกย์
แหล่งที่มา