关于表单用js如何实现占位符placeholder的效果

来源：互联网发布：京东万象数据编辑：程序博客网时间：2024/06/17 15:56

笨方法，需要每个input都要写focus 和blur 事件，可以实现，但是毕竟太笨

<input type="text" value="请输入你的账户" onfocus="focusFunc('请输入你的账户',this)" onblur="blurFunc('请输入你的账户',this)" /><input type="text" value="请输入你的密码" onfocus="focusFunc('请输入你的密码',this)" onblur="blurFunc('请输入你的密码',this)"/>

/*获取焦点 提示信息消失*/function focusFunc(ss,oCtl){if(oCtl.value==ss){oCtl.value='';}}/*失去焦点 提示信息显示*/function blurFunc(ss,oCtl){if(oCtl.value==''){oCtl.value=ss;}}

后来发现有这个属性defaultValue，新大陆啊

        $(".cont_msg input").focus(function(){            if($(this).val()==$(this).defaultValue){                $(this).val("");            }        }).blur(function(){            if($(this).val()==''){                $(this).val($(this).defaultValue);            }        });

本以为这样就可以实现了，但是就是没有预期的效果！！！

原因：

$(".cont_msg input").focus(function(){            if($(this).val() ==this.defaultValue){                $(this).val("");            }        }).blur(function(){            if ($(this).val() == '') {                $(this).val(this.defaultValue);            }        })

defaultValue 是DOM的属性啊！！！DOM的！

0 0