4-11,麻烦老师检查一下！
来源：4-11 编程练习
脑袋瓜瓜嗡嗡的
2022-06-13 15:51:09
var input = document.getElementsByTagName("input")[0];
var remind = document.getElementsByTagName("span")[0];
input.onfocus = function(){
if(input.value.length == 0){
remind.innerText = "请输入您的姓名";
input.style.borderColor = "black";
}
}
input.onblur = function(){
if(input.value.length == 0){
remind.innerText = "用户名不能为空";
input.style.borderColor = "red";
}
else{
remind.innerText = "";
input.style.borderColor = "black";
}
}写回答
1回答
-
同学你好，思路效果是没有问题的，如果使用className属性的话，可以这样写，参考如下代码：
<style>
.b_red {
border: 1px solid red;
}
</style>
<script>
var input = document.getElementsByTagName('input')[0];
var span = document.getElementsByTagName('span')[0];
input.onfocus = function () {
input.className = ""
if (input.value == "") {
span.innerHTML = '请输入您的名字';
}
}
input.onblur = function() {
if (input.value == ""){
span.innerHTML = '用户名不能为空';
input.className = 'b_red'
}
else{
span.innerHTML='';
}
}
</script>
祝学习愉快~
0
相似问题