密码输入框内部显示汉字问题_html/css

来源：动视网责编：小采时间：2020-11-27 15:44:07

密码输入框内部显示汉字问题_html/css

密码输入框内部显示汉字问题_html/css_WEB-ITnose:input login 密码输入框 1. 须求说明登陆界面须要如图下图效果，如果采用时。当用户输入的密码成了明文，这是不符合要求的。当把的type属性改为passowrd时。默认的密码成了。。有人会想到用js来动态改变input的type属性，这种方法在某些浏

推荐度：

点击下载本文 文档为doc格式

导读密码输入框内部显示汉字问题_html/css_WEB-ITnose:input login 密码输入框 1. 须求说明登陆界面须要如图下图效果，如果采用时。当用户输入的密码成了明文，这是不符合要求的。当把的type属性改为passowrd时。默认的密码成了。。有人会想到用js来动态改变input的type属性，这种方法在某些浏

input login 密码输入框

1. 须求说明
登陆界面须要如图下图效果，如果采用时。当用户输入的密码成了明文，这是不符合要求的。当把的type属性改为passowrd时。默认的“密码”成了“?? ”。有人会想到用js来动态改变input的type属性，这种方法在某些浏览器去可行的如：火狐。但遇到万恶的IE去拿它没法。在IE中，input的type属性为只读。为了解决各浏览器的兼容问题采用如下办法。

2. 解决办法
我们采用HTML标签来完成。详情请查看http://www.w3school.com.cn/tags/tag_label.asp w3c标准。
如下是解决办法代码：

用户名

密码

验证码

将标签做为一个层。把它放到我们要显示的位置。设置标签的样式
style="position: absolute; top:12px; left:5px;"放到输入框中。标签的for属性与输入框的ID关联上。当用户点击标签的文字时，对应的标签会得到焦点。不须要修改标签的type属性就能达到效果。

回复讨论(解决方案)

label 这个标签的使用，也只有在表单方面了。

楼主这是分享经验啊，强烈支持！

无标题文档

function init(){
var text=document.getElementById("test");
text.onfocus=function(){
var p=this.parentNode;
var password=document.createElement("input");
password.type="password";
p.replaceChild(password,this);
window.setTimeout(function(){password.focus()},50);
}
}
window.onload=init;

呵呵想了个很龌蹉的方法