PHP菜鸟博客_共同学习分享PHP技术心得【PHP爱好者】
使用mui实现密码框的小眼睛(点击小眼睛实现密码框的可见和隐藏)
2022-1-18 菜鸟站长


1.下载mui的源码



https://github.com/dcloudio/mui



2.把dist目录拷贝到项目里面



3.引入mui的css以及js文件,需要注意dist里面是有字体文件的不要丢掉。



4.具体实现源码,下面标红的部分是重点,必须得有的



<!DOCTYPE html>

<html lang="en">

 <head> 

  <meta charset="UTF-8" /> 

  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 

  <title>我要兑换</title> 

  <script src="__ROOT__/Public/dist/js/mui.min.js"></script> 

  <link rel="stylesheet" href="__ROOT__/Public/dist/css/mui.min.css" /> 

 </head> 

 <body> 

  <div class="mui-input-row mui-password"> 

   <input type="password" class="mui-input-password" /> 

  </div>  

 </body>

</html>





发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容