Como você desativa a capitalização automática nos campos de formulário HTML no iOS?

143

Por padrão, o teclado do iOS define a primeira letra nos campos do formulário de texto (incluindo type=email) para maiúscula. (Pelo menos antes do iOS 5.)

Existe alguma maneira de desativar a autocapitalização?

ios html Paul D. Waite
fonte

Respostas:

308

Desde o iOS 5, type="email"a capitalização automática é desativada automaticamente, então você só precisa de:

<input type="email">

Para outros tipos de entrada, existem atributos disponíveis que fazem o que eles dizem:

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

Se, por algum motivo, você quiser dar suporte ao iOS antes da versão 5, use-o para type="email":

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

Mais Informações:

trinta dias
fonte
6
Eu acho que isso está um pouco desatualizado agora. Quando digito = "email" no iOS 5, a autocapitalização é desativada.
Abhi Beckert
@AbhiBeckert Pode confirmar. 2014 e dificilmente podemos lembrar iOS 6.
Henry Harris
24
Use em autocapitalize="none"vez de autocapitalize="off"porque "off"está obsoleto autocapitalize. Veja a documentação oficial .
Pang
Alguma sugestão para fazer isso em dispositivos Android?
Dean Martin
Eu amo o quão rápido se encontra 'a resposta' on-line. obrigado @thirtydot!
Ivan Ferrer Villa
7

Assim como um aviso, se você estiver vendo este exemplo e usando o React Native, convém usar esses adereços como camelcase.

autoCapitalize

e

autoCorrect

Isso me confundiu um pouco até que eu olhei para a documentação do React Native para entradas de texto .

Holly E
fonte