jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
更新时间:2010年03月21日 12:17:32 作者:
表单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实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
这篇文章主要介绍了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法,涉及jQuery响应鼠标事件动态操作页面元素及基于get实现ajax交互保存数据的相关技巧,需要的朋友可以参考下2015-11-11
jQuery中$.ajax()和$.getJson()同步处理详解
这篇文章主要介绍了jQuery中$.ajax()和$.getJson()同步处理详解的相关资料,非常的细致全面,有需要的小伙伴可以参考下。2015-08-08


最新评论