latter-space試試？

用6個(gè)input，監(jiān)聽輸入一個(gè)之后下一個(gè)獲取焦點(diǎn)

<style>
    #psw input {margin-right:10px;border:0 none;border-bottom:1px solid #ccc;text-align:center;}
</style>
<div id="psw">
    <input type="password" />
    <input type="password" />
    <input type="password" />
    <input type="password" />
    <input type="password" />
    <input type="password" />
</div>
<script>
    $("#psw input").on("keyup",function(ev){
       var oEv = event || ev;
       var val = $(this).val().trim(); 
       
       if(oEv.keyCode==8){
           $(this).prev().focus()
       }else{
           if(val){
               $(this).next().focus();
           }
       }   
    });
</script>

用span，input設(shè)置opacity為0，點(diǎn)擊passbox，input獲得焦點(diǎn)，監(jiān)聽input的oninput給span生成●

 <div class="passbox">
                  <input type="number" id="ipt"/>    
                  <span></span>
                  <span></span>
                  <span></span>
          </div>

短橫線用span標(biāo)簽加下劃線，讓一個(gè)input標(biāo)簽透明（opacity = 0），并且監(jiān)聽oninput事件，根據(jù)輸入字符串長(zhǎng)度給span標(biāo)簽添加class，讓它的：before變成黑色圓球