html - PIN 码输入字段

Question

我想创建一个表单，用户可以在其中输入电子邮件和 4 位 PIN。对于 PIN 输入，我想使用 <input type="number">而不是正则表达式，但我不知道如何隐藏输入的数字。

Answer 1

使用 type password 和 HTML maxlength 属性:

<input type="password" name="pin" maxlength="4">

http://jsfiddle.net/skxr9o47/

这将需要一些 JavaScript 验证以确保输入了数字。

另一种方法是使用 HTML 5 并利用 number 类型(正如您已经完成的那样)或 pattern属性并在您的表单中验证它。

<form>
    <input type="text" name="pin" pattern="[0-9]{4}" maxlength="4">
    <input type="submit" value="Validate">
</form>

http://jsfiddle.net/L6n9b5nr/

但是，您必须使用 JavaScript 或 jQuery 来屏蔽用户的输入。