简单实现login页面密码框密码明密文(显示和隐蔽)

最新推荐文章于 2024-09-06 09:06:58 发布
最新推荐文章于 2024-09-06 09:06:58 发布
阅读量1.2k 收藏 1
点赞数 2
文章标签： vue icons vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58102387/article/details/122657505
版权
在新建项目中，作者分享了如何在Vue.js结合ElementUI的环境下，为登录页面的密码输入框实现显示和隐蔽的切换功能。通过修改input框的type属性，实现了密码明文和密文的显示效果。
摘要由CSDN通过智能技术生成

最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换

在这里插入图片描述
在这里插入图片描述
样式代码如下:

html

 <el-form-item label="密码" prop="password
最低0.47元/天 解锁文章
洋养杨阳
关注
[网络安全自学篇] 四十八.Cracer第八期——(1)安全术语、Web渗透流程、Windows基础、注册表及黑客常用DOS命令
杨秀璋的专栏
02-21 2万+
这是作者的网络安全自学教程系列，主要是关于安全工具和实践操作的在线笔记，特分享出来与博友们学习，希望您们喜欢，一起进步。前文分享了微软证书漏洞（CVE-2020-0601），并详细讲解了Windows验证机制、可执行文件签名复现及HTTPS劫持。本文将分享另一个主题——Cracer教程，第一篇文章将详细讲解安全术语、Web渗透流程和Windows基础、注册表及黑客常用DOS命令。基础性文章，希望对您有所帮助。
html明文显示密码,Chrome明文显示密码插件：ShowPassword
weixin_34457338的博客
06-18 1806
ShowPassword的开发背景由于许多网站都需要授权的原因，用户会在网站上进行一些类似于登录和注册的操作，当然，这样自然少不了一些输入密码的操作，正常情况下，密码输入框和普通的输入框是有区别的，用户在输入密码的时候，是无法看到密码框中的文本信息，这主要是为了在有旁人在场的情况下，防止他人获取自己的敏感信息。如果密码输入的过短会影响用户的安全，设置的过长在看不到密码的情况下，又容易输入错误，如果...
查看页面密码框明文密码
hu27
08-16 5997
如何查看密码框明文密码 点击鼠标右键，点击检查，或者按F12 定位密码输入框 修改type 5, 成功显示 此方法几乎适用于所有浏览器，所有网站
php分享页面源码,PHP为任意页面设访问密码代码PHP分享加密网页隐私页面源码
weixin_39967598的博客
03-10 1339
# PHP为任意页面设访问密码代码PHP分享加密网页隐私页面源码![](https://img.kancloud.cn/09/01/0901a9dd468a8f95cb01d2c208ecc212_1080x801.webp)使用方法，把下面的代码放在你需要加密的页进行调用```require_once('MkEncrypt.php');MkEncrypt('123456');?>`````...
查看网页密码框中保存的密码
2301_76886868的博客
09-06 1194
在网上设置过保存用户名和密码，正常情况下密码会被“*”或者“•”所遮挡。（如下图所示，为学习通）查看方法。
浏览器显示已保存的密码明文
曼曼的博客
11-26 1421
前提是浏览器在此之前已经“记住密码” 打开到登陆界面后，按 F12 弹出如下页面 选中左上角的框(如下图红框) 或 shift + ctrl +c，然后用鼠标选中登陆界面的密码栏，则脚本页也同时定位到密码编辑处（如下第二张图） 将脚本定位处的 type="password"更改为 type=“text” 更改完回车后返回登陆页面即可看到明文密码 ...
html密码框显示明文,控制密码输入框是否显示明文
weixin_42697609的博客
06-27 2358
创建账号时，输入密码和确认密码一般都是隐藏的，会有个小眼睛来控制密码是否显示。在开发过程中，发现elementUI的show-password属性并没有生效。只能自己手写喽~首先，给el-input加个小眼睛图标，el-input的type设置为password，效果如下：输入框step1.png代码：//通过prefix-icon和suffix-icon属性在input组件首部和尾部增加显示图标...
input password显示明文密码
wxl1390的博客
04-09 1230
input type='password' 显示明文密码
网站密码忘记了，如何明文查看******密码？
2401_82628055的博客
02-09 380
网站密码忘记了，如何明文查看******密码？
Linux的加密和安全
weixin_43570812的博客
06-30 676
Linux的加密和安全 墨菲定律 墨菲定律：一种心理学效应，是由爱德华·墨菲（Edward A. Murphy）提出的，原话：如果有两种或两种以上的方式去做某件事情，而其中一种选择方式将导致灾难，则必定有人会做出这种选择 主要内容： 任何事都没有表面看起来那么简单 所有的事都会比你预计的时间长 会出错的事总会出错 如果你担心某种情况发生，那么它就更有可能发生 安全机制 信息安全防护的目标 保密性 Confidentiality 完整性 Integrity
《信息安全原理》复习笔记
whooiif的博客
04-25 5293
整了6k字然而我发现基本概念基本没弄清楚。。 考完试了然而这份复习笔记跟考试并无关系。。 有错。。不全。。加粗的也不是重点。。 下次复习。。一定记得看图。。。。 【0.1】 1. 安全性与花费的tradeoff；一些常见的安全错觉(myth)；insider 进攻更普遍，因为有access、knowledge、opportunity。 【0.2】 1. 第一个中国密码：太公
Linux_加密和安全详细介绍
Blog of Stevenux
11-10 843
加密和安全 一.安全机制 安全攻击的几种典型方式： STRIDE Spoofing 假冒 Tampering 篡改 Repudiation 否认 Information Disclosure 信息泄漏 Denial of Service 拒绝服务 Elevation of Priv...
Login-form-:php登录表单，具有登录注册-忘记密码功能以及电子邮件验证码以重置密码
03-28
Login-form-:php登录表单，具有登录注册-忘记密码功能以及电子邮件验证码以重置密码
浏览器密码框明文密文兼容edge的问题
wangyining070205的博客
04-10 566
密码框明文密文兼容Edge
密码框的明密文显示
cy1041125543的博客
05-08 1276
先来看效果图： 密文效果： 明文效果： 实现步骤 1.首先定义一个按钮标签，来显示我们的睁眼闭眼图标 <label for="password" id="for_userpassword" style="color: #fff;">密码</label> <input class="input" type="password" name="passw...
浏览器记住密码明文显示
biaoge20150414的专栏
09-19 1464
有些时候，我们的某些登录密码存在某一台电脑，但是我们忘记了密码。我们可以通过这种方法实现，举例为csdn账号，其他网站的相同。      首先存在一个已经记住密码的账号。 火狐浏览器，其他的浏览器都一样，按f12，调出开发者模式，点击左上角的按钮，   然后选中密码框，我们可以看到控制台的代码有一段高亮，这段代码就是这个密码输入框的代码，我们按照图中标记吧把type属性的值更改成t...
揭秘浏览器和Xshell中隐藏的密码：轻松找到并明文显示
ouyangzhenxin的博客
10-04 1835
PS：本文章仅供个人在属于自己的资源且正确的情况下进行使用，请合法使用，禁止进行非法操作。主旨在日常生活和工作中，经常会遇到以下两种情况：1、我们登录某些网站的时候，因为浏览器会记录密码，导致长时间过去之后，密码就忘记了；2、使用xshell连接服务器的之后，这个工具会记录密码，习惯性的使用记录功能，时间长了，也会忘记。果然，时间太可怕，时间一长什么时候都会忘记。那么，发生这种情况，我们应该如何处...
怎么知道 网站是否直接明文保存密码_浏览器已保存密码可以明文显示，小心你的密码泄露...
weixin_39663605的博客
12-03 570
如今的电脑浏览器，都有保存密码功能。为了方便用户快速登录，它还会自动填充密码。我们打开登录页面，无需任何输入，直接点击登录按钮就行了。说实话，这个功能真的挺实用的，可以避免繁琐的登录操作。相信大部分小伙伴，都非常喜欢使用它。而且，由于浏览器会将保存的密码隐藏加密，所以很多人都比较放心。可惜的是，它并不像表面上看起来那么安全。我们其实只需简单操作，就可以让密码明文显示。以百度网盘为例，如果你上一次登...
DOM---明文、密文案例（密码的显示与隐藏）
2301_76669854的博客
03-11 429
2.自定义一个变量为flag，赋值为0。点击input框，flag为0则开始修改各种元素属性，反之。要求：点击张开眼睛图片——密码显示 点击闭上眼睛图片——密码隐藏。1.设置初始化格式，图片默认是闭眼状态。
编程实现凯撒密码，输入任意明文，观察明密文关系
最新发布
09-19
这种加密方式通常用于教学和演示目的，因为它易于理解和实现。 以下是使用Python编写的一个简单凯撒密码的实现示例： ```python def caesar_cipher(text, shift): encrypted_text = "" for char in text: if ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值