Comment désactiver la mise en majuscule automatique dans les champs de formulaire HTML sous iOS?

143

Par défaut, le clavier d'iOS définit la première lettre des champs de texte (y compris type=email) en majuscules. (Au moins avant iOS 5.)

Existe-t-il un moyen de désactiver l'autocapitalisation?

ios html Paul D. Waite
la source

Réponses:

308

Depuis iOS 5, type="email"la capitalisation automatique est désactivée automatiquement, vous avez donc simplement besoin de:

<input type="email">

Pour les autres types d'entrée, il existe des attributs disponibles qui font ce qu'ils disent:

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

Si, pour une raison quelconque, vous souhaitez prendre en charge iOS avant la version 5, utilisez ceci pour type="email":

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

Plus d'information:

trentenaire
la source
6
Je pense que c'est un peu dépassé maintenant. Lorsque je tape = "email" sur iOS 5, l'autocapitalisation est désactivée.
Abhi Beckert
@AbhiBeckert peut confirmer. 2014 et nous pouvons à peine nous souvenir d'iOS 6.
Henry Harris
24
Utilisez autocapitalize="none"plutôt que autocapitalize="off"car "off"est obsolète pour autocapitalize. Voir la documentation officielle .
Pang
Des suggestions pour faire cela sur les appareils Android?
Dean Martin
J'aime la rapidité avec laquelle on trouve «la réponse» en ligne. merci @thirtydot!
Ivan Ferrer Villa
7

À titre informatif, si vous regardez cet exemple et que vous utilisez React Native, vous voudrez utiliser ces accessoires comme camelcase.

autoCapitalize

et

autoCorrect

Cela m'a un peu troublé jusqu'à ce que je regarde le documentation native de React pour les entrées de texte .

Holly E
la source