Làm cách nào để bạn tắt tự động viết hoa trong các trường mẫu HTML trong iOS?


143

Theo mặc định, bàn phím của iOS đặt chữ cái đầu tiên trong các trường mẫu văn bản (bao gồm type=email) thành chữ hoa. (Ít nhất là trước iOS 5.)

Có cách nào để vô hiệu hóa autocapitalization?

Câu trả lời:


308

Kể từ iOS 5, tính năng type="email"tự động viết hoa tự động bị tắt, vì vậy bạn chỉ cần:

<input type="email">

Đối với các loại đầu vào khác, có các thuộc tính có sẵn để thực hiện những gì họ nói:

<input type="text" autocorrect="off" autocapitalize="none">

Nếu vì lý do nào đó bạn muốn hỗ trợ iOS trước phiên bản 5, hãy sử dụng điều này cho type="email":

<input type="email" autocorrect="off" autocapitalize="none">

Thêm thông tin:


6
Tôi nghĩ rằng điều này là một chút lỗi thời bây giờ. Khi tôi gõ = "email" trên iOS 5, autocapitalize sẽ bị tắt.
Abhi Beckert

@AbhiBeckert Có thể xác nhận. 2014 và chúng ta khó có thể nhớ iOS 6.
Henry Harris

24
Sử dụng autocapitalize="none"thay autocapitalize="off"vì vì "off"không dùng nữa autocapitalize. Xem tài liệu chính thức .
Pang

Bất kỳ đề xuất để làm điều này trên các thiết bị Android?
Dean Martin

Tôi thích cách nhanh chóng tìm thấy "câu trả lời" trực tuyến. cảm ơn @thentydot!
Biệt thự Ivan Ferrer

7

Chỉ cần ngẩng cao đầu, nếu bạn đang xem ví dụ này và bạn đang sử dụng React Native, bạn sẽ muốn sử dụng những đạo cụ đó làm chiếc áo choàng.

autoCapitalize

autoCorrect

Điều này làm tôi bối rối một chút cho đến khi tôi xem Tài liệu gốc React cho các kiểu nhập văn bản .

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.