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

Question

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

<input type="password">

使用iPad或iPhone时,它会在您输入密码时始终显示最后一个字母.

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

当我输入密码时,我不希望iPad显示最后一个字母.

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

Answer 1

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

\n\n

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

\n\n

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

\n\n

例子

\n\n

<input type="text" id="password">\n<input type="text" id="hiddenValue">\xe2\x80\x8b\n

\n\n

JavaScript

\n\n

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

\n