在iOS上的网站上键入密码时，如何隐藏最后一位数字

Question

我的网站上有一个带有密码类型的输入标签。

<input type="password">

对于iPad或iPhone，当您输入密码时，它始终显示最后一个字母。

我的问题是，我使用iPad进行了很多网站演示。

我不想在输入密码时iPad显示最后一个字母。

我可以通过修改网站上的内容来解决此问题吗？

Answer 1

不，iOS会显示默认键入的密码的最后一个字母，无法禁用它。

出于演示目的，您可以考虑一些选择。 如果使用投影仪或电视输出，请在输入密码时断开设备连接或关闭屏幕，或者您可以为要演示的内容设置“演示”帐户。

通过设置“演示”帐户（这只是个人想法） ，您可以继续操作而不会跳过节拍（与关闭屏幕等相比） ，并且演示文稿的查看者看到的是“演示”帐户登录名/密码不要紧，对吧？

另外，这当然不用说，如果使用模拟帐户，请确保它的访问权限受到限制！

Answer 2

iOS密码控件可让您将密码粘贴到其中（甚至是iTunes store密码弹出对话框）。

您为什么不使用密码应用程序（例如pwSafe）进行存储，然后将密码复制到剪贴板，或者甚至在演示之前将密码预复制到剪贴板？ 这样，您就不必重新发明密码控制，也不必弄乱模拟帐户。

Answer 3

“最简单”的事情可能是创建一个自定义输入，该输入侦听键并存储实际键值，而仅在字段中显示•或*。

只需附加一个键侦听器，并为输入的每个字母显示一个*，即可知道您实际上是在添加输入。

在左侧的字段中输入内容，我在右侧的字段中显示正在收集的内容，而仅在您输入的位置显示星号。 需要进行一些工作来检测退格和大写字母等，但是您知道了。 小提琴上的示例： http : //jsfiddle.net/d94P5/

例

<input type="text" id="password">
<input type="text" id="hiddenValue">​

Java脚本

var field = document.getElementById("password")
var realValue = "";
field.onkeydown = function(evt){
    realValue += String.fromCharCode(evt.keyCode)      
    this.value = realValue.replace(/./g,"*");      
    document.getElementById("hiddenValue").value = realValue

    return false;   
}

Answer 4

也许为具有严格限制访问权限的虚拟帐户创建一个临时密码，然后将您的站点配置为自动禁用该帐户，并在演示时间结束时使密码过期。