Problemas de dispositivos IOS con entrada de formulario HTML (tipo = texto)
Entonces tengo un formulario de inicio de sesión HTML con dos campos: Correo electrónico y Contraseña. Estos se pueden llenar fácilmente en el navegador de cualquier dispositivo que no sean dispositivos IOS (iPhone, iPad). En IOS, los campos apenas pueden estar enfocados y una vez que está enfocado, aparece el teclado, empiezo a escribir pero en realidad no se está llenando nada. He intentado tanto en Chrome como en safari y sigo obteniendo el mismo resultado. El campo permanece negro. A continuación es cómo se formatea mi formulario:
<form method="post" name="login" action="login">
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="email"></label>
<input type="text" name="email" placeholder="Enter your email address" class="formInput"/>
</div>
<div class="divInputWrapper ">
<i class="icon-envelope inputIcon inlineElt"></i>
<label for="password"></label>
<input type="password" name="password" class="formInput"/>
</div>
<button class="blue centeredContent">Login</button>
</form>
Intenté agregar un atributo de enfoque automático, preestablecer un valor y seguir siendo el mismo.