涉及事件
1.onfocus获得焦点
2.onblur失去焦点
3.placeholder
<div class="password">
<label for="">
<img src="error.png" id="eye">
</label>
<input type="password" name="" id="pwd" placeholder="请输入密码"></input>
</div>
<script>
let eye=document.getElementById('eye');
let pwd=document.getElementById('pwd');
let flag=0;
eye.onclick=function(){
if(flag==0){
pwd.type='text';
eye.src='success.png'
flag=1;
}else{
pwd.type='password';
eye.src='error.png';
flag=0;
}
}
pwd.onfocus=function(){
this.placeholder=('');
}
pwd.onblur=function(){
this.placeholder=('请输入密码');
}