Posted in Javascript onMarch 21, 2010
<input value="请输入用户名" type="text"> <input value="请输入密码" type="text"> <input value="提交" type="submit"> <script> $(function(){ //输入框中文字颜色控制 $("input:not(:last)").css("color","#999"); }); //用户名框鼠标焦点移进,文字消失 $("input:first").click(function () { var check1 = $(this).val(); if (check1 == this.defaultValue) { $(this).val(""); } }); //用户名框鼠标焦点移出,文字显示 $("input:first").blur(function () { $(this).val(this.defaultValue); }); //密码框鼠标焦点移进,文字消失 $("input:eq(1)").click(function () { var check2 = $(this).val(); if (check2 == this.defaultValue) { $(this).val(""); } //密码框鼠标焦点移出,文字显示 $("input:eq(1)").blur(function () { $(this).val(this.defaultValue); }); }) </script>
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@