Bây giờ sử dụng <input type = “tel” /> có được không?

107

Tôi đang làm việc trên một ứng dụng web trên điện thoại di động và tôi có một số trường văn bản có thể được hưởng lợi từ đó <input type="tel"/>. iPhone sẽ điều chỉnh bàn phím cho người dùng, nhưng tôi lo lắng về việc phá vỡ khả năng tương thích ngược. Điều tôi hy vọng là các trình duyệt / điện thoại hỗ trợ điều này có thể hỗ trợ người dùng và trình duyệt khác sẽ trở lại trường văn bản chuẩn? Đây có phải là một thực hành được chấp nhận? Nó thậm chí còn hoạt động?

html mobile-website backwards-compatibility

— Michael
nguồn

Thật không may, trình duyệt Opera Mobile sẽ hiển thị trường nhập văn bản thông thường, với bàn phím QWERTY thông thường thay vì bàn phím số.

— andreszs

Một vài năm sau đó và bây giờ chúng tôi có caniuse.com/#feat=input-email-tel-url

— John Magnolia

Tôi nghĩ tham chiếu TỐT NHẤT là MDN

— T04435 17/02/17

130

Có, bất kỳ kiểu nào không được hỗ trợ sẽ hoàn nguyên về định dạng 'type = text'.

Tôi đã tìm thấy một trang tốt liệt kê tất cả các loại đầu vào hiện có. Tôi đã thử xem xét nó từ các trình duyệt khác nhau, một chút thú vị. Không biết nó có giúp ích được gì cho bạn hay không.

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

— animuson
nguồn

1

Tôi đã thử nghiệm bằng cách sử dụng browserstack trên 7, 8, 9 trong một dự án và mọi thứ được mặc định là nhập văn bản.

— JAMESSTONEco

@animuson. Tôi không chắc làm thế nào để liên hệ với bạn, vì vậy hãy tha thứ cho sự xâm nhập lạc đề này vào câu trả lời của bạn. Vui lòng xem metabài đăng của tôi về việc bạn xóa Chủ đề của tôi ngày hôm nay. Cảm ơn bạn đã dành thời gian.

— markE

liên kết tốt đẹp .. thanx

— deemi-D-Nadeem

22

Các trình duyệt sẽ quay trở lại type = "text" khi họ gặp phải kiểu đầu vào không được hỗ trợ. Vì vậy, tôi nghĩ rằng nó là OK để sử dụng type = "tel".

— el.pescado
nguồn

15

Câu trả lời ngắn gọn: có. Như @ el.pescado đã đề cập, các trình duyệt quay trở lại type=textkhi chúng không thực hiện và loại. Để biết thêm thông tin về các tính năng thú vị khác mà bạn nhận được từ biểu mẫu HTML5, hãy xem A Form of Madness , là chương biểu mẫu trong Dive Into HTML5.

— Hank gay
nguồn