input text 框当密码框使用（火狐下有默认值的bug）

最新推荐文章于 2023-03-08 11:49:53 发布

最骚的就是你

最新推荐文章于 2023-03-08 11:49:53 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端学习

本文链接：https://blog.youkuaiyun.com/libin_1/article/details/50360321

web前端学习专栏收录该内容

301 篇文章

订阅专栏

本文介绍了一段使用JavaScript和jQuery实现的代码示例，该代码允许用户通过点击按钮来切换输入框的显示模式，从密码模式切换到普通文本模式，方便用户在不同场景下进行输入操作。

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

<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
		<title>Document</title>
		<script type="text/javascript">
			$(function() {
				$('button').mousedown(function() {
					$("input").attr('type', 'text');
				});
				$('button').mouseup(function() {
					$("input").attr('type', 'password');
				})
			})
		</script>
	</head>

	<body>
		<input type="password" />

		<button>click</button>
	</body>

</html>