Dreamweaver 编辑软件
方法/步骤
1
首先我们来做一个html页面，来模拟这个密码框，这个图标找的不好，就用小箭头代替小眼睛了。
2
那么怎么实现点击小眼睛显示明文密码呢？小编的思路是改变input的type类型，默认是password类型，点击小眼睛变为text类型，反之亦然。<script language=javascript>
function doChang()
{
rdo1outerHTML='<input type="checkbox" id=rdo1 name=rdo1>';
}
</script>
<body>
<input type="radio" id="rdo1" name="rdo1">
<input type=button onclick="doChang()" value="变">
</body>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）