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

复制代码 代码如下:

  <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>