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

登录用户密码的显示与隐藏（样式自行定义，仅写了简单的代码）：

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();    }});

最终结果：