input用number,把input隐藏,显示的是div什么的,用js来生成密码的*,
/*reser-start*/
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
margin: 0;
padding: 0;
}
body, th, td, button, input, select, textarea {
font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#ipt{
opacity: 0;
border: none;
box-sizing: border-box;
}
#ipt:focus{
outline: none;
}
.passbox{
position: relative;
width: 240px;
height: 50px;
margin: 0 auto;
border: #c3c3c3 1px solid;
background: #FFF;
cursor: pointer;
}
.passbox input{
width: 100%;
height: 100%;
position: absolute;
z-index: -100;
left: 0;
top: 0;
opacity: 0;
}
.passbox .pass{
width: 100%;
height: 100%;
line-height: 50px;
}
按钮
var ipt = document.querySelector("#ipt");
var pass = document.querySelector(".passbox .pass");
document.querySelector(".passbox").onclick = function(){
ipt.focus();
};
ipt.focus();
function aaa(){
alert(ipt.value);
}
var num = new RegExp(/[0-9]/);
ipt.oninput = function(){
var valth = this.value.length;
pass.innerText = '';
var passtext = '';
for(var i=0;i
if(!num.test(ipt.value[i])){
ipt.value = ipt.value.substr(0,i);
return false;
}
passtext += '●';
}
pass.innerText = passtext;
}