表单获取焦点失去焦点

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单非空校验title>
    <script type="text/javascript" src="jquery.min.js">script>
    <style>
    .wait{color: green}
    style>
head>
<body>
<input type="text" class="ipt">
    <script type="text/javascript">
        $(function(){
            $(".ipt").blur(function(){
                if($(this).val()==""){
                $(".ipt").val("请输入关键词").addClass("wait");
                }
            });
            $(".ipt").focus(function(){
            if($(".ipt").val()=="请输入关键词"){
            $(".ipt").val("").removeClass("wait");
            }
            });
        })
    script>
body>
html>

 

转载于:https://www.cnblogs.com/nifengs/p/4800436.html

你可能感兴趣的:(表单获取焦点失去焦点)