麻烦老师检查，谢谢
来源：3-8 编程练习
qq_慕移动3101913
2019-09-16 21:38:49
<!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">
// 补充代码
window.onload=function(){
var name = document.getElementsByTagName('input')[0],
span=document.getElementsByTagName('span')[0];
name.onfocus=function(){
span.innerHTML+="请输入您的姓名";
}
name.onblur=function(){
span.innerHTML='';
var nameVal=this.value;
if(nameVal==''){
name.className='red'
}else{
name.removeAttribute('class');
span.innerHTML='';
}
}
}
</script>
</body>
</html>
1回答
-
好帮手慕糖
2019-09-17
同学你好，1、获得焦点时，要判断是否为空，为空的时候才提示“请输入您的姓名”哦，且这里不需要加等，直接等于即可。例：
2、失去焦点的时候，若是内容为空，不仅要设置边框变红，还要有提示信息“用户名不能为空”哦，例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0h019-09-17
相似问题