利用DOM操作表单元素的属性
表单元素的属性有:type,value,checked,selected,disabled
【仿小米登录案例】
点击按钮,将密码框切换为文本框,并可以查看密码明文
【案例分析】
1:核心思路:点击眼睛按钮,把密码类型改为文本框可以看到里面的密码。
2:一个按钮两个状态,点击一次,切换为文本框,继续点击一次切换为密码框。
3:算法:利用一个flag变量,来判断flag的值,如果是1就切换为文本框,然后将flag设置为0,如果是0就切换为密码框,flag设置为1。
【实战】
【CSS部分】
div{
position: relative;
width: 400px;
border-bottom: 1px solid rgb(59, 55, 55);
margin: