javascript实现京东登录显示隐藏密码

(编辑：jimmy 日期: 2024/11/7 浏览：3 次 )

本文实例为大家分享了javascript仿京东登录显示隐藏密码的具体代码，供大家参考，具体内容如下

<!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;
  }
  
  .box input {
   width: 370px;
   height: 30px;
   border: 0;
   outline: none;
  }
  
  .box img {
   position: absolute;
   top: 2px;
   right: 2px;
   width: 24px;
  }
 </style>
</head>
 
<body>
 <div class="box">
  <label for="">
   <img src="/UploadFiles/2021-04-02/close.png">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：JavaScript实现动态生成表格
下一篇：Vue scoped及deep使用方法解析