图片位置编辑器显示代码有问题,老师帮我答疑
<!DOCTYPE html>
<html>
<head lang="en">
<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];
var onInput=function () {
span.innerHTML="请输入您的姓名"
};
input.onfocus=onInput;
var outInput=function () {
if (this.value==""){
span.innerHTML="用户名不能为空";
this.className="red"
}else {
span.innerHTML='';
this.className=""
}
};
input.onblur=outInput;
</script>
</body>
</html>
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星