html将数据中的手机号码中间4位变成****
时间: 2023-07-23 10:58:07 浏览: 44
您可以使用JavaScript来实现将手机号码中间4位变成****的功能。以下是一种实现方式:
```html
<!DOCTYPE html>
<html>
<head>
<script>
function hidePhoneNumber() {
var phoneNumber = document.getElementById("phone").value;
var hiddenNumber = phoneNumber.substring(0, 3) + "****" + phoneNumber.substring(7);
document.getElementById("hiddenPhone").innerHTML = hiddenNumber;
}
</script>
</head>
<body>
<label for="phone">手机号码:</label>
<input type="text" id="phone" name="phone" placeholder="请输入手机号码">
<button onclick="hidePhoneNumber()">隐藏中间4位</button>
<p id="hiddenPhone"></p>
</body>
</html>
```
在上述代码中,我们通过`getElementById`方法获取输入框中的手机号码,然后使用`substring`方法将前3位和后4位拼接起来,中间用`****`替代。最后,将隐藏后的手机号码显示在`hiddenPhone`段落中。
您可以将上述代码保存为一个HTML文件,然后在浏览器中打开该文件进行测试。输入手机号码后,点击按钮即可看到隐藏了中间4位的手机号码。
相关推荐
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)