密码输入字段在 ios safari 中不起作用

Question

If you take a look at this page on an iPhone with safari, you see that when you tap the password input field and then start to type, what you typed in doesn't show on the screen and the cursor stays the same.

I'm very curious what this could be. I believe there isn't a HTML error or syntax problem.. but maybe I'm wrong. The HTML is generated by PHP, if that's of any help.

Please let me know if this is fixable and where I need to look. Thanks!

UPDATE:

Fixed. Link is not working anymore.

Answer 1

Are you sure that your HTML is correct?

Correct syntax for a password field:

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

The syntax on your page:

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

There may be some customisations in the class for "password". Anyway, it's not the standard way of defining password field, so not all browsers will behave as you expected.

Answer 2

It's because you're using z-index on top of an image that overlays the input field. I think that in this case it's better to make either the div that's holding the z-index either smaller or get rid of it all together.

Answer 3

我遇到了同样的问题，只是将 autocomplete="current-password" 属性添加到输入元素。

<input type="password" name="password" autocomplete="current-password"/>