想写一个评论的文本框，就好像这个文章标题后面那个提示信息

假如提示信息是要求可以输入300字，每写一个字 提示信息的字数就减一应该怎么写啊？？就好像这个文章标题后面那个提示信息。

解决方案 »

  1.   


    <html>
    <head>
    <title>enter</title>
    <script language="javascript">
    function keypress1() //text输入长度处理
    {
       var text1=document.getElementById("mytext1").value;
       var len=15-text1.length;
       var show="你还可以输入"+len+"个字";
       document.getElementById("name").innerText=show;
    }
    function keypress2() //textarea输入长度处理
    {
       var text1=document.getElementById("myarea").value;
       var len;//记录剩余字符串的长度
       if(text1.length>=300)//textarea控件不能用maxlength属性，就通过这样显示输入字符数了
       {
        document.getElementById("myarea").value=text1.substr(0,300);
        len=0; 
       }
       else
       {
         len=300-text1.length;
       }
       var show="你还可以输入"+len+"个字";
       document.getElementById("pinglun").innerText=show;
    }</script>
    </head>
    <body>
    <center>
    <div style="text-align:left;">
    <h>昵称:</h>
    <input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1()"/>
    <font color="gray"><label id="name">你还可以输入15个字</label></font>
    <br>
    <h>评论内容:</h><br>
    <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden"   onKeyUp="keypress2()" onblur="keypress2()"></textarea>
    <font color="gray"><label id="pinglun">你还可以输入300个字</label></font>
    <div>
    </center>
    </body>
    </html>
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
        <title>enter</title>
        <script language="javascript">
            function keypress2() //textarea输入长度处理
            {
                var text1 = document.getElementById("myarea").value;
                var len; //记录剩余字符串的长度
                if (text1.length >= 300)//textarea控件不能用maxlength属性，就通过这样显示输入字符数了
                {
                    document.getElementById("myarea").value = text1.substr(0, 300);
                    len = 0;
                }
                else {
                    len = 300 - text1.length;
                }
                var show = "你还可以输入" + len + "个字";
                document.getElementById("pinglun").innerText = show;
            }    </script>
    </head>
    <body>
        <center>
    <div style="text-align:left;">
    <h>评论内容:</h><br>
    <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden"   onKeyUp="keypress2()" onblur="keypress2()"></textarea>
    <font color="gray"><label id="pinglun">你还可以输入300个字</label></font>
    <div>
    </center>
    </body>
    </html>
      

  3.   

    代码都放在那里自己不会去分析是很悲哀的事<input name="ctl00$CPH_BaseContent$tb_Subject" type="text" maxlength="80" size="60" id="ctl00_CPH_BaseContent_tb_Subject" onkeyup="oku(this)" class="text">
    <em>您可以输入<span id="subjectLength">80</span>个字符</em>
    <script>
     oku = function(obj)
    {
    document.getElementById("subjectLength").innerHTML = obj.maxLength - obj.value.length;
    //keypress(this);
    }
    </script>
      

  4.   

    这个就是你想要的，给分
    http://www.helloweba.com/view-search-66.html