<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style>
input {
position: absolute;
margin: 100px auto;
width: 80%;
height: 45px;
}
input {
-webkit-text-security: disc;
text-security: disc;/*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/
}
</style>
</head>
<body>
<input type="tel" placeholder="调出数字键盘同时密文输入" />
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style>
input {
position: absolute;
margin: 100px auto;
width: 80%;
height: 45px;
}
input {
-webkit-text-security: disc;
text-security: disc;/*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/
}
</style>
</head>
<body>
<input type="tel" placeholder="调出数字键盘同时密文输入" />
</body>
</html>