html显示密码的代码是什么,单击显示密码.html

Document

.box {

width: 400px;

border-bottom: 1px solid #ccc;

margin: 100px auto;

position: relative;

}

.box input {

width: 370px;

height: 30px;

border: 0;

outline: none;

}

.box img {

position: absolute;

width: 24px;

top: 2px;

right: 2px;

}

// 获取元素

var img = document.querySelector("img");

var input = document.querySelector("input");

// 绑定事件，处理程序 处理按钮多次点击的事件

var flag = 0;

img.onclick =function(){

if(flag==0){

input.type = 'text';

this.src = 'images/open.png';

flag = 1;

}else{

input.type = 'password';

this.src = 'images/closed.png';

flag = 0;

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史