仿京东页面登录
发布时间
阅读量：
阅读量
具体呈现效果可参见下图：
实现难点：
通过点击眼睛图标按钮，能够将密码输入框的类型转换为文本显示模式，从而查看其中的内容。该按钮具备两种状态，首次点击后将输入框切换为文本框形式，再次点击则恢复为密码框模式。
算法：采用一个标记变量flag来控制状态切换。当flag的值为1时，将输入框类型更改为文本框，并将flag的值重置为0；若flag的值为0，则将输入框类型调整为密码框，并将flag的值设置为1。
实现代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!全部评论 (0)
还没有任何评论哟~