zoukankan      html  css  js  c++  java
  • JQuery:聚焦清空输入框值,失焦恢复默认值

    本来这个小玩意很简单,不用记录到博客里,但今天是娱乐日,要快落一天,为了减轻负罪感,假装自己又学了点新东西

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Page Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" media="screen" href="main.css">
        <script src="jquery-3.3.1.min.js"></script>
    </head>
    <body>
        <input type="text" placeholder="请输入地址"><!--placeholder并不能在输入框获得聚焦后自动消失-->
        <br>
        <input type="text" id="address" value="请输入邮箱地址">
        <br>
        <input type="text" id="password" value="请输入密码" ss="qq">
        <script>
            var test = document.getElementById("password");
            console.log(test.getAttribute("ss"));//可以获取自定义特性欸
            $("#address").focus(function(){
                var text_value = $(this).val();
                if(text_value == "请输入邮箱地址"){
                    $(this).val("");
                }
            });
            $("#address").blur(function(){
                var text_value = $(this).val();
                if(text_value == ""){
                    text_val("请输入邮箱地址");
                }
            });
            //密码框同理
        </script>
    </body>
    </html>
  • 相关阅读:
    bug排查
    做接口测试没反应
    wcf配置文件
    mvc学习-编辑提交需要注意-mvc重点
    大批量导出思路
    进程基础知识
    (转)JMS事务
    (转)JMS简明学习教程
    (转)Linux下使用system()函数一定要谨慎
    LInux文件基础知识和文件目录操作(二)文件I/O操作
  • 原文地址:https://www.cnblogs.com/linbudu/p/10540565.html
Copyright © 2011-2022 走看看