Предотвратить iOS Safari от заглавных букв первой буквы ввода

Question

У меня есть чувствительное к регистру поле имени пользователя в моем веб-приложении. В большинстве случаев работает нормально. К сожалению, Safari на iOS и Chrome (иногда) на Android хотят «помочь», набрав первую букву любого предложения.

Поскольку это <input type="text">, первая буква ввода на этих устройствах прописная. Это сводит пользователей с ума, так как для их отмены требуется много усилий.

Я не могу просто сказать string.toLowercase() в моем javascript, так как пользователям разрешено иметь смешанные логины. Я просто хочу, чтобы браузеры перестали определять , какие буквы вводить в верхнем регистре ...

Answer 1

Когда я печатал это, друг указал мне на HTMLInputElement Autocapitalize="off", и это, похоже, очень легко.

Оказывается, что это может быть включено в autocomplete="off", чтобы в основном контролировать, как мобильные браузеры обрабатывают входные данные.

Так что в основном <input type="text" autocapitalize="off" required placeholder="username" /> решает мою конкретную проблему.

Согласно документам iOS и Android это не всегда работает, но должно решить большинство проблем.

Бонус: Это не настройка «все или ничего», например разрешение масштабирования. Вы можете применять его выборочно ко входам, где это необходимо, и разрешать вводам, которым требуется больше контента в стиле «копирования», продолжать оказывать помощь пользователю.