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

Question

如果您在带有safari的iPhone上查看此页面，您会看到当您点击密码输入字段然后开始输入时，您输入的内容不会显示在屏幕上并且光标保持不变

我很好奇这可能是什么。我相信没有HTML错误或语法问题..但也许我错了。 HTML是由PHP生成的，如果有任何帮助的话。

请告诉我这是否可以修复以及我需要查看的地方。谢谢！

更新：

固定。链接不再起作用了。

Answer 1

您确定HTML是否正确？

更正密码字段的语法：

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

您网页上的语法：

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

在课程中可能会有一些自定义用于＆＃34;密码＆＃34;。无论如何，它不是定义密码字段的标准方式，因此并非所有浏览器都会按预期运行。

Answer 2

这是因为您在覆盖输入字段的图像上使用了z-index。我认为在这种情况下，最好不要让z-index更小的div或者将它们全部放在一起。

Answer 3

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

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