jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码_Javascript教程-查字典教程网
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:$(function(){//输入框中文字颜色控制$("input:not(:last)").css("color","#...

复制代码 代码如下:

<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教程学习
    热门Javascript教程学习
    编程开发子分类