源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-08-15 21:07 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部