请老师检查作业

来源：4-11 编程练习

听的说

2021-10-31 15:41:24

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>onblur和onfocus</title>
    <style type="text/css">
        .red{
     border:1px solid red;
     }
    </style>
</head>
<body>
姓名：<input type="text"> <span></span>
<script type="text/javascript">
// 补充代码
var input=document.getElementsByTagName("input")[0];
var span=document.getElementsByTagName("span")[0];
input.onfocus=function(){
    if(input.value==""){
      span.innerHTML="请输入您的姓名";
    }
};
input.onblur=function(){
     if(input.value==""){
         input.style.border="1px solid red";
         span.innerHTML="用户名不能为空";
     }else{
         input.style.border="1px solid #444";
     }
};
</script>
</body>
</html>

写回答

1回答