当我在 iOS 上的网站上输入密码时,如何隐藏最后一位数字

Posted

技术标签:

【中文标题】当我在 iOS 上的网站上输入密码时,如何隐藏最后一位数字【英文标题】:How can I hide the last digit when I'm typing a password on my website on iOS 【发布时间】:2012-05-25 00:20:50 【问题描述】:

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

<input type="password">

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

我的问题是我用 iPad 做了很多我的网站的演示。

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

我可以通过修改我网站上的内容来解决这个问题吗?

【问题讨论】:

当然。从输入 type=password 标签切换到直接文本框,并编写一些 javascript 来记录输入的内容,但显示 *。您必须在后期做一些花哨的工作才能将真实值换回。玩得开心! 创建一个您不关心的用户或拥有一个演示应用程序/数据库怎么样? 是还是定期改密码? 或存储密码并使用自动填充来填充登录时的字段。 【参考方案1】:

不,ios 默认显示密码的最后一个字母,无法禁用。

出于演示目的,您有几个我能想到的选项。如果使用投影仪或电视输出,请在输入密码时断开设备或关闭屏幕,或者您可以为要演示的任何内容设置“演示”帐户。

通过设置一个“演示”帐户(这只是个人想法),您可以继续而不会跳过一个节拍(与关闭屏幕等相比),如果您的演示文稿的观众看到“演示”帐户登录名/密码,这应该没什么关系,对吧?

另外,这不言而喻,如果使用模拟账户,显然要确保它的访问权限有限!

【讨论】:

我知道我无法在 iOS 中禁用此功能。我想知道如何通过修改我的网站来禁用它。也许像一个输入监听器,当我输入一个字母时,它会用“*”改变字母。 你也不能通过html、JS来禁用它。【参考方案2】:

iOS 密码控件允许您将密码粘贴到其中(甚至是 iTunes 商店密码弹出对话框)。

为什么不使用pwSafe之类的密码应用程序来存储密码然后复制到剪贴板,甚至在演示之前将密码预复制到剪贴板?这样您就不必重新设计密码控制,或弄乱模拟账户。

【讨论】:

【参考方案3】:

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

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

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

示例

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

Javascript

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;   

【讨论】:

-1?为什么?我正在为所述问题提供一个完全可行的解决方案。诚然,这有点笨拙,但整个问题非常不寻常,需要一个不寻常的解决方案。 Downvoting 应该用于“错误”的答案。至少有礼貌地评论什么值得反对。 我刚刚投了赞成票。我没有亲自尝试过,但认为这个想法可行。 查看 iPhone 显示屏底部的实际 iPhone 键盘。看看当你触摸任何键时这个键盘图像会发生什么。即使网页是黑色背景上的黑色“*”。 对于真实版本,您需要使用 delete 键使其正常工作,以防万一出错,而且它不适用于 shift。 您是说投反对票的原因是因为我没有编写整个代码,而只是为 OP 提供了基本思想?我什至在我的回答中指出,它需要添加所有这些小部分!【参考方案4】:

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

【讨论】:

和我的答案基本一样。

以上是关于当我在 iOS 上的网站上输入密码时,如何隐藏最后一位数字的主要内容,如果未能解决你的问题,请参考以下文章

输入焦点时隐藏ios设备上的键盘

当我在 jQuery Mobile 中单击弹出窗口上的链接时,如何防止在第一个输入项上自动对焦

如何在 OSX 环境中访问本地网络上的网站

启用 Chrome 插件后如何从我网站上的图像中隐藏 Pin It 按钮

如何在ios设备上检测网站上的三击?

UITextField 上的强密码覆盖