这样可以吗

来源: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回答

好帮手慕码

2019-06-28

同学你好!
代码效果实现的可以,但是当输入超出的时候文字提示可以优化一下:

http://img.mukewang.com/climg/5d1578e10001617a05040142.jpg

如下图:

http://img.mukewang.com/climg/5d157a4b0001784e09330056.jpg

http://img.mukewang.com/climg/5d157a5400015df408310209.jpg

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

0

0 学习 · 40143 问题

查看课程