关于密码框显示文本提示的问题-------新手求助!!!!! 各位“长辈们”,我想让密码框无输入时有文本提示,点击后变成密码框,若无输入失焦,又再次变回文本提示,请问JS应该怎么实现,麻烦各位给个代码我学习学习,尽量简单些,我是新手哈~~~ 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <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!';}" > <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> 我好像记得那个input的type好像是不能改变的额 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>明白我的意思吧~~ input 拷贝错了....<div> <input id="txtpwd" type="text" value="please write password!" onfocus="txtfocus(this);" onblur="txtblur(this);" /> </div> 不能改type,改整个元素还是可以的。 对咯 为什么老有人叫我改type。。 这种实现就是一个普通的text加上一个hidden,检测键盘输入事件,吧输入的数据截获来控制hidden里面的值,而普通text里面的值统统用*替换掉。 <input type="password" style="background:url(explain.jpg) no-repeat;" onclick="this.style.background=''" /> <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'"/> LZ8L的写法试过没呢 这不是改TYPE 就是利用父节点的innerHTML 把type置换一下 求wbox关闭的用法 速救···· FF&Chrome下使用 JQuery ajax 请求的灵异事件。求解 JS 选中text中的值 急急 指定日期的时区 GreyFrame v0.4正式发布 文本框获取焦点事件! 非常奇怪的问题,Javascript在localhost调试通过, 放到服务器就不行!! 求救!~谢谢各位大哥 在javascript中如何判断变量是否定义? dwz查找带回 判断语句优化 php文件中有document对象么
<input type="password" id="pass" onblur="if(this.value == ''){this.style.display='none';divs.innerText='please write password!';}" >
<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>
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>明白我的意思吧~~
....
<div>
<input id="txtpwd" type="text" value="please write password!" onfocus="txtfocus(this);" onblur="txtblur(this);" />
</div>
style="background:url(explain.jpg) no-repeat;"
onclick="this.style.background=''"
onblur="if(this.value=='') this.style.background='url(explain.jpg) no-repeat'"
/>
8L的写法试过没呢 这不是改TYPE 就是利用父节点的innerHTML 把type置换一下