教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

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

发布时间:2013-08-23   编辑:jiaochengji.com
表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的jQuery代码
表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的jquery代码
复制代码 代码如下:

<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随鼠标焦点移进移出而显示或隐藏的代码
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
基于jquery实现的类似百度搜索的输入框自动完成功能
JavaScript共有的表单字段方法
JQuery toggle使用分析
jquery常用技巧及常用方法列表集合
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
jquery实现的提示浮层跟随鼠标移动
jquery input输入框获得与失去焦点时显示、隐藏文字的小例子
jQuery powerFloat万能浮动层下拉层插件使用介绍

[关闭]
~ ~