文档章节

如何显示隐藏密码

o
 osc_z1hvg4cu
发布于 2018/04/24 11:48
字数 178
阅读 7
收藏 0

精选30+云产品,助力企业轻松上云!>>>

参考:

HTML5表单中password输入框的文字显示与隐藏实现

 

密码框的明密文(显示和隐藏) 显示

 

可以直接拿来用的:

Sample1:

https://nauvalazhar.github.io/my-login/index.html

Sample2:

https://nauvalazhar.github.io/my-login/index.html

Sample2与现有代码集成:

<input type="password" id="inputPassword2" name="password" class="form-control" placeholder="Password" data-toggle="password" required>
<input type="password" id="inputPassword4" name="password" class="form-control" placeholder="Password" data-toggle="password" required>
暂时还有bug,当密码为隐藏状态时,右侧的小眼睛会把比密码框更高,但是密码为显示状态时并不会有这个问题。
显示的显示效果如下:

 

此登录页面的源码来自以下https://v3.bootcss.com/examples/signin/,我将其放至了Thymeleaf框架中。

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
WordPress通过插件/代码隐藏文章内容 需登录或输入密码可见

我的wordpress博客搭建完成了,我也会不定期的在我的博客优先发布一些技术性及有趣的文章,还请大家多多关注呀!传送门 相信很多同学在一些博客当中看到有些内容需要登录后、回复后或输入密码...

行走的巨象
2018/09/05
0
0
文件加密—巧用闪灵文件夹锁隐藏视频 

如何隐藏电脑里下载的电影呢,以下几频轻松搞定!! 一、下载安装运行闪灵文件夹锁。第一次使用会要求用户输入密码,请一定牢记此密码! 二、隐藏电影。 方法一:打开软件,在主界面上点加锁...

XBoft
2018/12/18
2
0
基于Chromium的浏览器已上线通用“显示密码”按钮

基于Chromium的Edge在日前发布的Canary通道版本中,对用户界面进行了优化调整从而让InPrivate窗口变得更加简洁。在今天获得的版本更新中,微软继续带来了隐私相关的新内容--实现通用的“显示...

linuxCool
2019/08/20
9
0
Android开发之输入框EditText介绍

这篇文章主要为大家详细介绍了Android布局之输入框EditText设计,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 现在先简单介绍一下技术点: 1.如何使用圆角输入框和按钮背景 2.如何实现...

#Temptation
2019/08/26
0
0
基于Chromium的浏览器已上线通用“显示密码”按钮

基于Chromium的Edge在日前发布的Canary通道版本中,对用户界面进行了优化调整从而让InPrivate窗口变得更加简洁。在今天获得的版本更新中,微软继续带来了隐私相关的新内容--实现通用的“显示...

linux-tao
2019/08/21
27
0

没有更多内容

加载失败,请刷新页面

加载更多

Hacker News 简讯 2020-07-11

更新时间: 2020-07-11 01:01 Disabling Google 2FA Doesn't Need 2FA - (infoq.com) 禁用google2fa不需要2FA 得分:98 | 评论:33 Rackspace S-1 - (sec.gov) 机架空间S-1 得分:59 | 评论:20 S......

FalconChen
今天
142
0
是否有可能从另一个git存储库中挑选一个提交? - Is it possible to cherry-pick a commit from another git repository?

问题: I'm working with a git repository that needs a commit from another git repository that knows nothing of the first. 我正在使用一个git存储库,需要从另一个不知道第一个存储库......

技术盛宴
昨天
29
0
【LeetCode】53 盛最多水的容器

题目 解题思路 双指针法: https://leetcode-cn.com/problems/container-with-most-water/solution/sheng-zui-duo-shui-de-rong-qi-by-leetcode-solution/ 代码 public class Solution { ......

JaneRoad
昨天
20
0
阿里云OSS配置CDN加速

首先购买CDN流量包 然后添加域名 添加好后 然后将域名OSS.xxxx.com 解析到 生成的CDN域名上 这样就完成了

可达鸭眉头一皱
昨天
16
0
js 整数与小数正则替换片段

说明 /(\d+)/g 整数 /(\d+\.\d+)rem/g 小数 /(\d+\.\d+|\d+)rem/g 其中 | 或 条件 例子 全局查找带 rem 单位的,替换成 px 单位 let text = text.replace(/(\d+\.\d+|\d+)rem/g, function(s......

DrChenXX
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部