复制代码 代码如下:<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>

　　推荐阅读

　　Javascript 变量作用域 两个可能会被忽略的小特性

也许有些高手早已知道了,但是我觉得这两个东西还是有一些价值的，所以拿到这里和大家分享一下吧. 有如下代码： 复制代码 代码如下: <script type="text/javascript" > function test() { with (location) { var te>>>详细阅读

本文标题：jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

地址：http://www.17bianji.com/kaifa2/JS/26800.html

 1/2    1