在密码框显示提示文字的小技巧,兼容ie和火狐(原创)
<input type="text" value="邮箱/会员账号/手机号" id="username" style="width:150px;height:24px;"/><div id="pwd_warpper" style="width:150px;height:24px;"><input type="text" value="请输入密码" id="_password" onfocus="showpassword();" style="width:150px;height:24px;"/></div><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="code.js"></script>
function showtext() { if($("#password").val()=="") {$("#pwd_warpper").html("<input type="text" value="请输入密码" id="_password" onfocus="showpassword();" style="width:150px;height:24px;"/>"); }}function showpassword() { $("#pwd_warpper").html("<input type="password" value="" id="password" onblur="showtext();" style="width:150px;height:24px;"/>"); /** 这里为什么要用setTimeout,因为ie比较傻,刚创建完对象,你直接设置焦点 在ie下是不会响应的,你必须留出时间给ie缓冲下,所以加上了这个定时器 **/ setTimeout(function(){$("#password").focus(); },20);}$(function(){var usernameDefStr = $("#username").val();$("#username").focus(function(){ if($(this).val()==usernameDefStr) $(this).val("");});$("#username").blur(function(){ if($(this).val()=="") $(this).val(usernameDefStr);});});