4-11作业疑问

首页课程实战体系课手记专栏慕课教程

4-11作业疑问

来源：4-11 编程练习

从不学习

2021-09-22 21:19:06

问题描述：

不清楚学过的内容怎么获取输入框内容的长度

代码对吗

相关代码：

<!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 inp = document.getElementsByTagName("input")[0];
var inspan = document.getElementsByTagName("span")[0];
inp.onfocus = function(){
    inspan.innerHTML="请输入您的姓名"
}
inp.onblur = function(){
    if(inp.value.length == 0){
         console.log(inp.value.length,"a")
        inspan.innerHTML="用户名不能为空"
        inp.style.border = "1px solid red"
    }else{
         console.log(inp.value.length,"b")
          inspan.innerHTML=""
          inp.style.border = "1px solid #000"
    }
}

</script>
</body>
</html>