input password显示明文密码

最新推荐文章于 2024-03-03 16:07:11 发布

云烟溪雪

最新推荐文章于 2024-03-03 16:07:11 发布

阅读量1k

点赞数

分类专栏： jquery js 文章标签： html javascript css

本文链接：https://blog.csdn.net/wxl1390/article/details/130038750

版权

js 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

jquery

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<style type="text/css">
			img {
				vertical-align:top;
				width: 25px;
			}
		</style>
	</head>
<body>
		<input type="text" placeholder="账号" />
		<br /><br />
		<input type="password" value="" placeholder="请输入密码" id="mima">
		<img src="./img/close.png" alt="" id="showText" onclick="hideShowPsw();">
	<script>
			var demoImg = document.getElementById("showText");
			var mima = document.getElementById("mima");
			function hideShowPsw() {
				if (mima.type == "password") {
					mima.type = "text";
					demoImg.src = "./img/open.png";
				} else {
					mima.type = "password";
					demoImg.src = "./img/close.png";
				}
			}
	</script>
</body>
</html>