请问可以这样子做吗？
来源：3-8 编程练习
伪装的很酷
2019-04-21 14:43:30
<!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>
写回答
1回答
-
你好同学，可以的，代码是很灵活的，这样实现的没有问题 ，祝学习愉快 ！
0
相似问题