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

(编辑:jimmy 日期: 2024/10/30 浏览:2)

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

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

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

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">

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