有没有办法控制文本框的宽自由伸缩？

根据文本框内的文字长度来控制文本框的宽自由伸缩，能不能达到这样的效果呢，用CSS或其它方法都可以？
在线等、谢谢！！！

解决方案 »

  1.   

    jQuery plugin: autoResize 
    http://www.cnblogs.com/zengxiangzhan/archive/2009/11/11/1601324.html
      

  2.   

    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
           if(!Page.IsPostBack)
           {
               TextBox1.Attributes.Add("onkeyup", "LimitText()");
           }
        }
    </script><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
          <script type="text/javascript">
        function LimitText()
        {
        //得到此时文本框的字符数
          var Len=document.getElementById('TextBox1').value.length;
          //得到文本框的默认值5
          var TxtSize=document.getElementById('TextBox1');
          if(TxtSize.size>20)
          {
             TxtSize.size=20;
             TxtSize.value=TxtSize.value.substring(0,20);
             document.getElementById('ban').innerText="不能超过20个字符！";
          }
          else
          {
             TxtSize.size=Len+1;
          }
         
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="TextBox1" runat="server" size="5"></asp:TextBox>
            <span id="ban"></span>
        </div>
        </form>
    </body>
    </html>
      

  3.   

    //只能模仿textbox 文本框
    <textarea rows="1" style="overflow-y:hidden;" onscroll="this.rows++;" onpropertychange="this.style.posHeight=this.scrollHeight"></textarea>