2010-05-11 31 views
101

Tôi đang làm việc trên ứ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ể 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ề khả năng tương thích ngược. Những gì 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ẽ quay trở lại trường văn bản chuẩn? Đây có phải là thực hành được chấp nhận không? Nó có hoạt động không?Bạn có thể sử dụng <input type = "tel" /> ngay bây giờ không?

+0

Thật không may, trình duyệt Opera Mobile sẽ hiển thị một 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ì một số. – andreszs

+0

Một vài năm sau và chúng tôi hiện có http://caniuse.com/#feat=input-email-tel-url –

+0

Tôi nghĩ tham chiếu TỐT NHẤT là [MDN] (https://developer.mozilla.org/vi-VN/docs/Web/HTML/Element/input) – T04435

Trả lời

124

Có, mọi loại không được hỗ trợ sẽ hoàn nguyên về định dạng 'type = text'.

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

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

+1

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

+0

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

+0

liên kết đẹp .. thanx – deemi

21

Trình duyệt sẽ quay trở lại loại = "văn bản" khi chúng gặp loại đầu vào không được hỗ trợ. Vì vậy, tôi nghĩ rằng đó là OK để sử dụng loại = "tel".

14

Câu trả lời ngắn gọn: có. Như @ el.pescado đề cập, các trình duyệt rơi trở lại type=text khi chúng không đảm nhận 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, đây là chương biểu mẫu trong Chuyển sang HTML5.

Các vấn đề liên quan