密码输入字段在 ios Safari 中不起作用答案

【问题标题】：Password input field doesn't work in ios safari密码输入字段在 ios Safari 中不起作用
【发布时间】：2014-10-21 23:31:43
【问题描述】：

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

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

请让我知道这是否可以修复以及我需要查看的位置。谢谢！

更新：

已修复。链接失效了。

【问题讨论】：

【解决方案1】：

这是因为您在覆盖输入字段的图像顶部使用 z-index。我认为在这种情况下，最好将保存 z-index 的 div 要么更小，要么一起摆脱它。

【讨论】：

【解决方案2】：

你确定你的 HTML 是正确的吗？

密码字段的正确语法：

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

页面上的语法：

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

“密码”类中可能有一些自定义。无论如何，这不是定义密码字段的标准方式，因此并非所有浏览器都会按照您的预期运行。

【讨论】：

是的，我忘了提到我将它从密码类型更改为文本类型，以查看问题是否仍然存在，确实如此。所以我认为一般输入字段有问题
好吧，你应该把它改回来，让 SO 人测试并找出问题所在。一旦你改变了它的工作方式，没有人会看到你的页面出了什么问题。顺便说一句，在我的 Mac 和 iPhone 上的 Safari 中，您当前的页面似乎“正常”。
说真的，在我的 iPhone 4S Safari、Chrome 和 Firefox（在 PC 上）上进行了多次测试后，我没有看到您发布的症状。如果您使用的是旧版本的 Safari 或浏览器，可能会升级并再次测试。
查看下面@bdv 的答案，我禁用了z-index，但昨天却忘了评论，所以这就是它现在工作的原因。

【解决方案3】：

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

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

【讨论】：