请问可以这样子做吗？
<!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 txt = document.querySelector('input');
var span = document.querySelector('span');
txt.onfocus = function () {
span.innerHTML = '请输入您的姓名';
txt.classList.remove('red');
}
txt.onblur = function () {
if (txt.value == '') {
txt.className = 'red';
span.innerHTML = '用户民不能为空';
} else {
span.innerHTML = '';
txt.classList.remove('red');
}
}
</script>
</body>
</html>
0
收起
正在回答
1回答
你好同学，可以的，代码是很灵活的，这样实现的没有问题 ，祝学习愉快 ！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星