zoukankan      html  css  js  c++  java
  • 表单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>
  • 相关阅读:
    PHP中的闭包详解
    PHPDoc 学习记录
    php中注释有关内容
    命名空间 转
    php命名空间学习笔记。
    php命名空间详解
    命名空间
    php作用域限定符
    nginx负载均衡
    naginx安装入门
  • 原文地址:https://www.cnblogs.com/loverows/p/4071525.html
Copyright © 2011-2022 走看看