老师 有问题不
<!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 tex=document.getElementsByTagName("input")[0];
tex.onfocus=function(){
if(tex.innerHTML==""){
alert("请输入您的名字");
}
}
tex.onblur=function(){
if(tex.innerHTML==""){
alert("用户名不能为空");
tex.className="red";
}
}
</script>
</body>
</html>
正在回答
你好，测试了你最后一段代码，还是有些不完善哦，参考下图修改：
自己测试下，祝学习愉快！
已修改 没看完题
<!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 tex=document.getElementsByTagName("input")[0];
var spa= document.getElementsByTagName("span")[0];
tex.onfocus=function(){
if(tex.innerHTML==""){
spa.innerHTML="请输入您的名字"
}
}
tex.onblur=function(){
if(tex.innerHTML==""){
spa.innerHTML="用户名不能为空";
tex.className="red";
}
}
</script>
</body>
</html>
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星