老师 为啥不管输入什么 这个边框都是红色

来源:1-1 课程简介

帅哥但自卑

2021-06-28 14:55:07

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>onblur和onfocus</title>


</head>

<body>

姓名:<input type="text" id="text"> <span></span>

<script type="text/javascript">

var text=document.getElementById('text');

var span=document.getElementsByTagName('span')[0];

    text.onfocus=function(){

        span.innerText='请输入您的姓名';

    }

    text.onblur=function(){

        if(text.value.length==0){

            text.style.border='1px solid red';

        span.innerText='用户名不能为空';

        }

       

    }

</script>

</body>

</html>


写回答

1回答

好帮手慕言

2021-06-28

同学你好,聚焦之后,没有输入内容,失去焦点,输入框的边框设置为红色,输入内容之后,没有修改边框颜色,所以还是红色,建议:输入内容之后可以修改边框颜色,例如:
http://img.mukewang.com/climg/60d9881d09bbac5705710206.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程