El navegador del iPhone está predeterminado en mayúsculas para la primera letra de los campos de contraseña


83

Estoy escribiendo una página de inicio de sesión para una versión móvil de mi aplicación web y tengo un campo de contraseña HTML simple como este:

<input id="password" type="password" />

El único problema es que el navegador Safari del iPhone escribe en mayúscula la primera letra de la entrada de forma predeterminada, lo que confunde a mis usuarios, ya que la contraseña distingue entre mayúsculas y minúsculas y no siempre se dan cuenta de que este es el caso.

¿Alguien sabe de un método, etiqueta o de otro modo para evitar que esto suceda y forzar la entrada del iPhone a minúsculas a menos que el usuario especifique lo contrario? ¿O es simplemente una característica de la plataforma que no se puede cambiar?


1
el texto seguro siempre no distingue entre mayúsculas y minúsculas y el nombre de usuario puede poner la validación de la palabra en mayúsculas en el iphone.
B25

Respuestas:


185
<input type="text" name="test1" autocapitalize="none"/>

Los documentos se pueden encontrar aquí: Atributos admitidos: autocapitalizar


2
Buena respuesta. Sin embargo, como menciona Ballu, esto es innecesario para el tipo de entrada = contraseña.
IAmNaN

3
"off" se depreció en iOS 5.0, debe usar "none". Esto evita que se capitalicen automáticamente, pero la tecla de mayúsculas seguirá activa de forma predeterminada, lo cual es una molestia.
Patrick

65

Es posible que desee desactivar tanto la autocorrección como la capitalización automática para los campos de contraseña y correo electrónico.

Así es como se ve el mío:

<input autocapitalize="off" autocorrect="off" id="email" name="email" type="text">
<input autocapitalize="off" autocorrect="off" id="password" name="password" type="password">

1
Vaya, gracias, yo no quiero para apagar ambos. Excelente sugerencia!
rthbound

1
También utilizo autocomplete = "off" y spellcheck = "false", por si acaso.
Herbert Van-Vliet
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.