Então, eu tenho um formulário de login HTML com dois campos: E-mail e Senha. Eles podem ser preenchidos facilmente no navegador de qualquer dispositivo que não seja o IOS (iPhone, iPad). Nos campos IOS, dificilmente podemos estar em foco e, uma vez em foco, o teclado aparece, começo a digitar, mas nada está sendo preenchido. Eu tentei no Chrome e no safari e ainda recebo o mesmo resultado. O campo permanece preto. Abaixo está como meu formulário é formatado:

<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>

Tentei adicionar um atributo de foco automático, predefinir um valor e ainda o mesmo.