html5 定义buuton typepassword value密码把值显示出来

Question

<div id="divUserPassword">
	<input id="passwordUserPassword" value="密码" name="txtUserPassword" type="password" onblur="UserPassword_onblur()" onfocus="UserPassword_change()" tabindex="2" onkeydown="UserPassword_onkeydown(event)" maxlength=10 />
</div>

但是连它的值都显示成*号了 用什么办法可以把值给显示出来的其他的都是*号吗？

Answer 1

1. placeholder
2. 模仿豆瓣模式，在 <input type="password"> 上覆盖一个div用来做提示
3. 先将 type 改成 text 然后响应 onkeydown事件，如果输入

总之，就是实现 html5 的 placeholder 的功能