JavaScript 文本框变成密码框

最新推荐文章于 2023-11-19 14:55:56 发布
最新推荐文章于 2023-11-19 14:55:56 发布
阅读量2.8k 收藏 3
点赞数 3
分类专栏： JS 文章标签： html Html HTML javascript JavaScript Javascript javaScript JAVASCRIPT
本文介绍了一种使用JavaScript实现的输入密码验证与显示的简单方法，通过改变元素的显示状态来确保用户输入密码的安全性和交互性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<script type="text/javascript">
function show(obj)
{
	if(obj.type=="text")
	{
		obj.style.display = "none";
		document.getElementById('pass').style.display = "block";
		document.getElementById('pass').value="";
		document.getElementById('pass').focus();
	}
	else
	{
		var pass = document.getElementById('pass').value;
		if(pass.length<1)
		{
			obj.style.display = "none";
			document.getElementById('txt').style.display = "block";
		}
	}
}
</script>
</HEAD>
<BODY>
	<input id="txt" type="text" value="请输入密码" οnfοcus="show(this)" style="width:150px;height:20px">
	<input id="pass" type="password" value="" style="display:none;width:150px;height:20px" οnblur="show(this)">
</BODY>
</HTML>

使用text类型的文本输入框模拟password类型的密码输入框
小鹿不在林间的博客
02-24 5064
项目开发中要求不能使用password类型的密码输入框该怎么做？ 最近有个项目，在做登录模块时，要求不让使用password类型的密码输入框，是为了防止报安全问题，因为password类型的密码输入框，容易被浏览器记住密码，很不安全。我在网上找了几种方法，效果也都不尽人意，那么在密码输入这一块，大家都是怎么做的呢？ 在网上找了好几种方法，效果也都不尽人意... 1.动态切换type类型（会报安全问题） 初始时将输入框type类型设置为text，当文本框聚焦时，将type类型改为password，失去
JS基础-密码框实现
qq_43781887的博客
04-14 1857
要实现下面的效果： 点击右边的闭着的眼睛之后，眼睛要睁开并且里面的密码要显示成文本即下面这种效果： 这给出闭眼图片和睁眼图片： 通过设置一个flag变量来确定睁眼闭眼的状态，首先设置flag=0，然后判断等于0就变为睁眼同时改变文本框的type属性，将type属性变为text，同时更改flag=1，当第二次点击的时候如果flag不等于0就变为闭眼，同时改变文本框type属性，将type属性变为password，同时更改flag=0。这样循环往复就可以实现密码...
C# 加密密码输入框TextBox
04-06
基于TextBox基类编写的密码框，用spyxx工具探测出密码全部为“*”，实际使用时，密码存储在pwdText变量下，尚未完善，暂不知有没有屏蔽TextBox自身的Text的方法，此方法实现就更完美了。无需资源分，免费下载，供讨论。谢谢。 添加工具栏的方法就不用提了吧！这个大家都会！不会请百度“自定义控件”，谢谢。
C# textbox密码框设置
m0_50707858的博客
06-17 3601
如果想让登录时输入的密码不可见，即显示***或者●●●或者其他自定义字符 需要找到textbox的PasswordChar属性，填入*或者●
【JavaScript】鼠标点在文本框上文本框成密码框，如果不输入，鼠标离开，又变成文本框，文本框内显示”请输入密码“
05-23 2476
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML> HEAD>  TITLE> Test TITLE>  script>... function show(obj)...{ if(obj.type=="text")...{    obj.style.display = "none";    document.get
JavaScript实现弹窗设置密码
m0_56265442的博客
04-07 2339
<>
JavaScript如何实现在文本框(密码框)输入提示语
10-23
为了提高用户的操作便捷性和界面友好性，常常会在文本框（包括密码框）中设置输入提示语，如“请输入用户名”和“请输入密码”。JavaScript作为一种强大的客户端脚本语言，可以帮助我们实现这些功能。本文将详细讲解...
JQuery设置文本框和密码框得到焦点时的样式
12-02
那么，当用户点击`#tblReg`表格中的文本框或密码框时，边框会变为粉色，背景变为浅灰色，以突出显示当前的输入区域。当用户点击其他地方或者按下Tab键切换到其他元素时，这些样式将自动恢复。 总结来说，这段代码...
前端实现input标签输入框密码框显示文字效果
weixin_44566194的博客
08-27 4126
思路：采用 input 标签，给它设置CSS样式，这里本人将两个input标签放在同一行，并且希望两个input标签中间的间隙能够设置，想到了利用浮动 float 的知识，给第一个标签添加左浮动，同时要给父盒子的 font-size 设定为 0;利用JavaScript 的 DOM 事件知识，先获取元素，后注册事件（函数），利用 if 语句判断，点击 input 框（注册鼠标事件 onfocus）就显示 空字符串，并改变文本框的边框（border）颜色，原先的文本框颜色设置为#999；......
密码的password和text切换
Z137683915的博客
04-03 561
【代码】密码的password和text切换。
JavaScript密码框实现（可切换）
MiraitowaL的博客
11-19 1044
文本密码和眼睛的切换
TextBox为密码框赋值技巧
我笔记
07-18 5094
当TextBox类型为密码框时，用普通的赋值方法（txtB1.Text = "abc" ）是行不通的，TextBox是不会显示出内容的 www.wobiji.net 我笔记 应该采取：txtB1.Attributes.Add("value","abc"),此时页面才会将“abc”以*号的形式显示出来。...
WPF 将TextBox更改为PasswordBox样式（文字显示方式为密码格式）
Blue
03-17 1410
WPF 将TextBox更改为PasswordBox样式（文字显示方式为密码格式）
Wpf 使用TextBox制作一个可以切换明密文的PasswordBox
weixin_46591332的博客
08-11 2409
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
asp.net 密码框
热门推荐
whx_1113的专栏
04-09 1万+
一、设置密码框 在asp.net中密码框并不神奇，只是将普通TextBox的TextMode属性值修改为Password即可； 二、防止页面刷新清空密码框 TextBox一旦被修改为密码框，其填充的值会随着页面的刷新而被清空，处理方法如下： 在页面后台，Page_Load函数中添加一段代码：         if (this.txtPassword.Text != "")//防止页面刷新
js-仿京东显示隐藏密码
qq_41670147的博客
11-21 1194
<!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-...
JS中的确认密码操作和文本框表单元素
m0_70675760的博客
09-28 388
判断输入的账号与密码格式是否正确。判断输入的确认密码与密码是否一致。
JavaScript中input常用方法
weixin_43894771的博客
03-11 1万+
表单对象常用事件： onfocus：在表单元素收到输入焦点时触发； onblur：在表单元素失去输入焦点时触发。 如：文本框失去焦点时，以下代码将调用myfun()函数。 表单控件元素对象常用方法 blur() 让光标离开当前元素 focus() 让光标落到当前元素上 select() 用于种类为text，textarea，password的元素，选择用户输入的内容 click() 模仿鼠标单击...
jquery更改输入框type为密码框password
谢彬の优快云专栏
10-25 1万+
很蛋疼的一个问题： 用juqery将文本框变成密码框 $(document).ready(function(){ $("#e1").val("hello world!"); $("#e1").click(function(){ alert('11'); $("#e1").attr("type","password"); $("#e1")
vue.js怎么使用v-bind来绑定input的type类型为status，接着利用status来修改input的type类型，将input由文本框修改为密码框
最新发布
09-21
如果`status`等于字符串`'password'`，则`type`会被设置为`'password'`，变成一个密码输入框；否则保持为默认的`'text'`，即文本输入框。 要实现这个功能，你需要确保`status`的数据已经在你的Vue实例中初始化，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值