这样可以吗
来源:4-5 编程练习
慕容6327414
2019-06-27 19:13:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>输入文本</title>
</head>
<body>
<p>字数限制在30字内,<span>您还可以输入<b>30</b> 字</span></p>
<textarea cols="50" rows="7" id="text"></textarea>
<script type="text/javascript">
var b=document.getElementsByTagName("b")[0],
total=30,
text=document.getElementById("text");
document.onkeyup=function () {
var len=text.value.length,
allow=total-len;
if (allow<0){
b.innerHTML="您已超出"+ (-allow);
b.style.fontWeight="normal";
}else{
b.innerHTML=allow;
}
}//补充代码
</script>
</body>
</html>
1回答
同学你好!
代码效果实现的可以,但是当输入超出的时候文字提示可以优化一下:

如下图:


如果帮助到了你 欢迎采纳 祝学习愉快~
相似问题