Проблемы с устройствами IOS при вводе HTML-формы (type = text)

Таким образом, у меня есть форма входа в HTML с двумя полями: электронная почта и пароль. Их можно легко заполнить в браузере любого устройства, кроме устройств IOS (iPhone, iPad). На полях IOS едва ли можно находиться в фокусе, и как только фокус появляется, появляется клавиатура, я начинаю печатать, но на самом деле ничего не заполняется. Я пробовал и в Chrome, и в сафари, и все равно получаю тот же результат. Поле остается черным. Ниже приведен формат моей формы:

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

Я попытался добавить атрибут автофокуса, установить значение и все то же самое.

Ответы на вопрос(1)

Ваш ответ на вопрос