html 里 怎么设置 密码框 表单的 显示样式

html 里 怎么设置 密码框 表单的 显示样式,第1张

<html><!--样式--><style type="text/css">

#c { position: relative}

#a { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体}

#b { position: absoluteleft: 10top: 10font-size: 12pxfont-family: 宋体-moz-opacity:0opacity: 0filter: alpha(opacity=0)}

</style><body><div id="c">

<input id="a" />

<input id="b" onkeyup="document.getElementById('a').value=this.value.replace(/./g,'*')" />

</div></body></html>....你也可以把 *号改成其他字符....自己试试看吧...

文本框密码框都是input元素,只是type属性值不一样,因此只要将type属性由text修改为password即可实现文本框变密码框。示例如下:

1、HTML结构

<input type="text" id="test" value="请输入密码" onclick="fun(this)">

2、javascript代码

function fun(obj){    obj.value = ""    obj.type = "password"}

3、效果演示


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7761547.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存