您的位置：首页 > 其它

登录页面的密码的显示与隐藏

2017-10-14 10:27 211 查看
登录用户密码的显示与隐藏（样式自行定义，仅写了简单的代码）：

html部分：

<div class="form-group">
<img src="img/yonghu.png"/>
<input type="text" name="" class="form-control input_item" id="" placeholder="请输入账号"required>
</div>

<div class="form-group">
<img src="img/mima.png" alt=""/>
<input type="password" name="" class="form-control input_item " id="pwd" placeholder="请输入密码"required>

<img src="img/eyes_hide.png"alt="" id="eyesHide">
<img src="img/eyes_show.png"alt="" id="eyesShow">
</div>


js部分：

$("#eyesHide").click(function(){
if($("#pwd").attr("type")=="password"){
$("#pwd").attr('type','text');
$("#eyesShow").show();
$("#eyesHide").hide();
}
});
$("#eyesShow").click(function(){
if($("#pwd").attr("type")=="text"){
$("#pwd").attr('type','password');
$("#eyesShow").hide();
$("#eyesHide").show();
}
});


最终结果：








                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航