安全密码输入框html,密码输入框.html

密码输入框

.inputDiv {

width: 240px;

height: 50px;

margin: 100px auto;

}

input {

display: block;

box-sizing: border-box;

width: 50px;

height: 50px;

border: 1px solid darkkhaki;

text-align: center;

line-height: 50px;

font-size: 30px;

color: #3a87ad;

float: left;

margin: 0 5px;

}

var txts = $(".inputDiv input");

for (var i = 0; i < txts.length; i++) {

var t = txts[i];

t.index = i;

//t.setAttribute("readonly", true);

t.onkeyup = function (e) {

var next = this.index + 1;

if (next < 0) {

next = 0

}

if (next > 3) {

next = 3

}

txts[next].focus();

if (e.keyCode === 8) {

txts[$(this).index() - 1 < 0 ? 0 : $(this).index() - 1].focus().val("");

}

};

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史