Поле ввода пароля не работает в сафари ios

Question

Если вы посмотрите на эту страницу на iPhone с сафари, вы увидите, что когда вы нажимаете поле ввода пароля, а затем начинаете вводить текст, то, что вы ввели, покажите на экране, и курсор останется прежним.

Мне очень любопытно, что это может быть. Я считаю, что проблема с ошибкой или синтаксисом HTML отсутствует. Но, возможно, я ошибаюсь. HTML генерируется PHP, если это поможет.

Пожалуйста, дайте мне знать, если это возможно, и где мне нужно посмотреть. Благодаря!

ОБНОВЛЕНИЕ:

Исправлено. Ссылка больше не работает.

Answer 1

Это потому, что вы используете z-индекс поверх изображения, которое накладывает поле ввода. Я думаю, что в этом случае лучше сделать либо div, который держит z-index либо меньше, либо избавиться от всего этого.

Answer 2

Вы уверены, что ваш HTML верный?

Правильный синтаксис для поля ввода пароля:

<input type="password" name="password"> 

Синтаксис на странице:

<input class="password" type="text" name="password" placeholder="**********" /> 

Там могут быть некоторые в настройках класса для «пароль». В любом случае, это не стандартный способ определения поля пароля, поэтому не все браузеры будут вести себя так, как вы ожидали.