JS鼠标点击密码框提示文字就消失，鼠标移出密码框提示文字就再出现怎么做？不是文本框，而是密码框。

像新浪微博那样的登陆框

推荐答案推荐于2016-06-25

我以前用的一个方法
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[type=text]").focus(function () {
$(this).hide();
$("input[type=password]").show().focus();
})
$("input[type=password]").blur(function () {
if ($(this).val()=="") {
$(this).hide();
$("input[type=text]").show();
}
})
});
</script>
</head>
<body>
<div>
<input type="text" value="请输入密码" style="width:150px; height:20px;"/><input type="password" style="width:150px; height:20px;display: none;" /></div>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/Ds2pnnv2p.html

其他回答

第1个回答 2012-07-27

现代浏览器支持 placeholder 属性即可实现你要的效果 ie浏览器不支持
例如
<input type="text" placeholder="请输入密码" />

第2个回答 2012-07-27

<input type="text" value="please input password" onfocus="psw(this)" onblur="txt(this)"/>

function psw(el) {
if (el.value == 'please input password') {
el.value = '';
el.type = 'password';
}
}
function txt(el) {
if (!el.value) {
el.type = 'text';
el.value = 'please input password';
}
}本回答被网友采纳

相似回答

JS鼠标点击密码框提示文字就消失,鼠标移出密码框提示文字就再出现怎么做...答：我以前用的一个方法 (function () { ("input[type=text]").focus(function () { (this).hide();("input[type=password]").show().focus();})("input[type=password]").blur(function () { if ($(this).val()=="") { (this).hide();("input[type=text]").show();} })...

用jquery怎么实现点击密码输入框,上面的提示文字“请输入密码”消失,失 ...答：方法1.对于支持placeholder属性的浏览器。可以暂且认为除了老版本的IE系列浏览器都支持这个属性。可以直接在input标签上附加属性，如下：方法2.对于不支持placeholder属性的浏览器，使用一个相对定位的元素，使其偏移，浮在输入框上方。当用户点击这个偏移元素，或输入框获得焦点时，隐藏这个偏移元素，来模拟plac...

js实现点击输入用户名或密码的文本框在旁边弹出提示语答：你可以使用formValidator.js，专门做表单验证的，效果如下：用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});然后对要做校验的文本框编写校验代码 ("#employeeNo").formValidator({onshow : "输入范围为1到10个字...

html里输入框和密码框的提示文字怎么弄?答：html5 可以直接用 placeholder="请输入员工号"js的话你需要多制作的一个标签，比如span，覆盖在输入框的上方鼠标进入的时候显示这个span，离开的时候就隐藏，原理就是这样

点击输入文本框,默认文字消失答：较为简单。也可以由js实现。js实现的原理就是利用js增加一个input的type=hidden属性。用户所有输入的内容均写入到该input的value中，然后将生成相同长度的*字符显示在原来的密码框中。在上行后不用接收原来的数据，只接收引入的input type=hidden的value即可。优点是不用进行刷新，节省了服务器资源。

html怎么在密码文本框中显示默认文字然后失去焦点后,如果密码文本框中...答：style="position:relative"> 请输入密码你应该用这种思路。用相对定位，使之偏移，浮于密码框之上。输入密码后，隐藏提示信息。判断为空时显示提示信息。

大家正在搜

鼠标点击东西有框怎么取消鼠标点击出现蓝色框鼠标点击出现方框鼠标点击会话框不能打字鼠标移动就出现框鼠标点击有方框怎么去掉怎样设置鼠标点击框颜色为什么点击鼠标有蓝色框电脑鼠标点击的地方有白框