点击按钮将密码框改为文本框,并可以查看明文密码
核心思路:点击眼睛按钮,把密码框改为文本框就可以看到密码
一个按钮有两个状态,点击一次切换为文本框,继续点一次,切换为密码框
算法:利用一个flag变量,判断 flag 的值 。如果flag为1,切换为文本框,并将flag设置为0;如果flag为0,切换为密码框,并将flag设置为1。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.box {
position: relative;
width: 400px;
border-bottom: 1px solid #ccc;
margin: 100px auto;