首页用js做一个输入身份证号显示******，html和js代码都要

用js做一个输入身份证号显示******，html和js代码都要

时间: 2024-11-19 07:14:30 浏览: 13

你可以通过HTML和JavaScript来创建一个简单的输入框，当用户输入身份证号码时，只显示部分星号。以下是示例代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>身份证号隐藏部分</title> <style> .masked-input { text-align: right; } </style> </head> <body> <input type="text" id="idNumberInput" class="masked-input" oninput="maskId(this)"> <script> function maskId(inputElement) { const inputValue = inputElement.value; let maskedInput = ''; for (let i = 0; i < inputValue.length; i++) { if (i % 4 === 0 && i !== 0) { // 每隔四个字符插入一个星号 maskedInput += '*'; } else { maskedInput += inputValue[i]; } } inputElement.value = maskedInput; } </script> </body> </html> ``` 在这个例子中，`maskId`函数会在用户每输入一个字符后被触发，它会检查当前字符的位置并决定是否添加星号。身份证号码通常由15位数字组成，每四位加一个星号作为掩码。

阅读全文