请教！！！如何使一个input文本域根据输入的值单行自动变长与缩短？？？？

<HTML>
<HEAD>
<script language="javascript">
function change()
{
if(totaldu.value.length>=10)
{
totaldu.size=totaldu.value.length+1;
totaldu.maxLength=totaldu.value.length+1;
}
}
</script></head>
<body>
<input name="totaldu" type="text" id="totaldu" size="10" maxlength="10" onkeyup="change()">
</body>
</html>

解决方案 »

  1.   

    <Script language="javascript">
        function increase(){
          document.all.totaldu.size=document.all.totaldu.value.length
        }
    </Script>
    <input name="totaldu" type="text" id="totaldu" size="10" maxlength="10" onchange="increase()">同理，要设置最小长度的话增加一个判断就可以了。
      

  2.   

    谢谢楼1 楼2的，还得帮我解决一下，如果长度增到我要的长度，能不能使刷新页面的时候不再变回去？因为我要进行打印，如果一刷新页面，又回到SIZE = 10 有些文字就看不到了。。
       
      

  3.   

    bguest(茫然的未来) 的回答蕴涵了两个错误
    对于刷新页面又回到原来的状况这是无法避免的，除非用script写页面，
    这样才能保持改变的长度。并且，刷新页面之后是肯定没有了用户输入
    的值了的，这个时候，你的要求就没有意义了。当然，你用script写页面的
    话，就可以保持值。
      

  4.   

    function SetCookie(sName, sValue)
    {
    document.cookie = sName + "=" + escape(sValue) + "; ";
    }

    function GetCookie(sName)
    {
    var aCookie = document.cookie.split("; ");
    for (var i=0; i < aCookie.length; i++)
    {

    var aCrumb = aCookie[i].split("=");
    if (sName == aCrumb[0]) 
    return unescape(aCrumb[1]);
    }


    }
      

  5.   

    这样就行了.<style>
      input {behavior:url(#default#savehistory);} 
    </style>
    <input name="totaldu" type="text" id="totaldu" size="10" style="overflow:visible">