老师 帮忙看下代码
来源：3-8 编程练习
lcy_18
2020-08-11 19:42:26
<!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" id="name"> <span></span>
<script type="text/javascript">
// 补充代码
var text=document.getElementsByTagName('input')[0];
var span=document.getElementsByTagName('span')[0];
text.onfocus=function(){
var textVal=this.value;
if(textVal.length==0){
span.innerHTML='请输入您的姓名';
}
}
text.onblur=function(){
var textVal=this.value;
if(textVal.length==0){
span.innerHTML='用户名不能为空';
this.className='red';
}else{
span.innerHTML='';
this.className='';
}
}
</script>
</body>
</html>
写回答
1回答
-
好帮手慕久久
2020-08-12
同学你好，代码正确，很棒，祝学习愉快！
0
相似问题