Question

我知道这件事：

<input type="tel">

我知道这件事：

<input type="password">

但我想同时使用两者。我希望数字小键盘出现在iOS（特别是）上，但在输入后隐藏每个字符。这样的事情可能吗？

<input type="tel|password">

Answer 1

对于iOS，您可以设置输入以键入“password”，并仍然使用HTML5-Attribute“模式”触发数字键盘：

<input type="password" pattern="[0-9]*" ... />

来自Apple-Documentation：

要显示数字键盘，请将pattern属性的值设置为“[0-9] ”或“\ d ”。

Answer 2

输入框的HTML：

<input type="tel" name="password" id="password" value="" placeholder="Enter password"
    onfocus="changeToPassword()">

使用Javascript：

// change the type of the input to password
function changeToPassword() {
    setTimeout(function () {
        document.getElementById("password").setAttribute("type", "password")
    }, 500);
}

此解决方案适用于iPhone。这是一种黑客行为。一旦你在接下来的500毫秒内有了数字键盘，你就可以将attribut更改为密码，然后欺骗手机。

Answer 3

您可以输入输入密码，然后使用javascript验证按下提交按钮时是否只输入了数字。 http://www.configure-all.com/javascript_form_validation.php

如何使输入字段输入数字和密码？

3 个答案: