jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010-03-21 00:00
1056 查看
<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随鼠标焦点移进移出而显示或隐藏的代码
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- js与jquery实现搜索框提示文字显示与隐藏
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字 .
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jquery 实现超出部分隐藏,鼠标移动上显示全部文字
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- JQuery实现鼠标点击文本框显示隐藏提示文本
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- jquery实现搜索框提示文字显示隐藏
- CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- Jquery 父窗口中移进移出鼠标到Iframe: 移进显示更多内容, 移出隐藏部分内容