关于密码框显示文本提示的问题-------新手求助！！！！！

Question

各位“长辈们”，我想让密码框无输入时有文本提示，点击后变成密码框，若无输入失焦，又再次变回文本提示，请问JS应该怎么实现，麻烦各位给个代码我学习学习，尽量简单些，我是新手哈~~~

Answer 1

<div id="divs" style="width: 100px" onclick="pass.style.display='';this.innerText='';"></div>
<input type="password"  id="pass" onblur="if(this.value == ''){this.style.display='none';divs.innerText='please write password!';}" >

Answer 2

<script language="javascript" type="text/javascript">
        function txtfocus(obj) {
            if (obj.value == "请输入密码") {
                obj.value = "";
                obj.type = "password";
            }
        }
        function txtblur(obj) {
            if (obj.value == "") {
                obj.value = "请输入密码";
                obj.type = "text";
            }
        }
    </script>
<div>
        <input id="txtpwd" type="text" value="请输入密码" onfocus="txtfocus(this);" onblur="txtblur(this);" />
    </div>

Answer 3

我好像记得那个input的type好像是不能改变的额

Answer 4

 function txtfocus(obj) { 
            obj.parentNode.innerHTML = obj.parentNode.innerHTML.repalce("password","text");
         }
 function txtblur(obj) 
 { 
            obj.parentNode.innerHTML = obj.parentNode.innerHTML.repalce("text","password");
 }
<div>
<input type="password"  id="pass" onblur="if(this.value == ''){this.style.display='none';divs.innerText='please write password!';}" >
</div>明白我的意思吧~~

Answer 5

input 拷贝错了
....
<div> 
<input id="txtpwd" type="text" value="please write password!" onfocus="txtfocus(this);" onblur="txtblur(this);" /> 
</div>

Answer 6

不能改type，改整个元素还是可以的。

Answer 7

对咯  为什么老有人叫我改type。。

Answer 8

这种实现就是一个普通的text加上一个hidden，检测键盘输入事件，吧输入的数据截获来控制hidden里面的值，而普通text里面的值统统用*替换掉。

Answer 9

<input type="password" style="background:url(explain.jpg) no-repeat;" onclick="this.style.background=''" />

Answer 10

<input type="password"
style="background:url(explain.jpg) no-repeat;"
onclick="this.style.background=''"
onblur="if(this.value=='') this.style.background='url(explain.jpg) no-repeat'"
/>

Answer 11

LZ
8L的写法试过没呢  这不是改TYPE 就是利用父节点的innerHTML 把type置换一下