Jin_evan 2016-09-13 15:55 采纳率: 100%
浏览 1081
已采纳

使用jquery模仿一些邮箱登录时的输入提示功能 请给点提示 这个我不太清楚方向

图片说明模仿一些邮箱登录时的输入提示功能:对于空白文本框,当没有鼠标未进入文本框时,显示银灰色的提示文本如“请输入邮箱地址”;当鼠标鼠标进入时,清除提示文本,让用户输入信息,用户输入的文本不再是银灰色,而应该是正常黑色;若用户没有输入信息又离开文本框时,文本框还原银灰色的提示信息。如下图所示:

  • 写回答

6条回答

  • 牛长犇 2016-09-13 16:46
    关注
     <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <script src="jquery-1.12.3.js" charset="utf-8"></script>
    </head>
    <body>
      <input type="text" name="name"  placeholder="请输入用户名"></br>
      <input type="password" name="name"  placeholder="请输入密码"></br>
      <input type="submit" name="name" value="登录">
    
    </body>
    <script type="text/javascript">
    //是用焦点和失去焦点事件处理
      $('input').on("focus",function(){
      //接受原有的placeholder的value;
        var val = this.placeholder;
        //获取焦点让placeholder为空;
        this.placeholder = "";
        //获取焦点才能失去焦点,所以失去焦点函写在获取焦点里面
        $('input').on('blur',function(){
          //失去焦点后,placeholder变回原有的值
          this.placeholder = val;
        })
      });
    
    
    </script>
    </html>
    
    

    就是这些代码,有啥不懂得继续问

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog