老師 哪裡可以改善?
<!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">
let input = document.getElementsByTagName("input")[0];
let tip = document.getElementsByTagName("span")[0];
input.onfocus = function () {
if (this.value == "") tip.innerHTML = "請輸入您的姓名";
};
input.onblur = function () {
if (this.value == "") {
tip.innerHTML = "用戶名不能為空";
this.className = "red";
} else {
tip.innerHTML = "";
this.className = null;
}
};
</script>
</body>
</html>10
收起
正在回答
1回答
同学你好，代码判断逻辑以及实现效果很棒，不需要修改了。
祝学习愉快！
相似问题
老師 哪裡可以改善
14
0
1
老師 我在chrome瀏覽器上沒反應，代碼哪裡有問題呢?
11
0
2
老師 哪裡可以改善
12
0
1
麻煩老師看看哪裡需要改進
14
1
3
老師 請看哪裡需要改善
13
1
3
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星