テキストでテキストボックスのサイズを大きくする

Question

私はこの方法を知らなかったが、それはいつも私が探していなかった答えを思いついた。 私はテキストボックスを持っていますが、サイズが設定されていますが、テキストがサイズより大きい場合は、テキストボックスのサイズをテキストで増やしたいと思っています。

混乱する権利？私はこのことを説明することができない。

新しい部分：テキストボックスにはこのテキストがプリロードされていますが、提供される回答は入力中にのみ機能します。私はテキストボックスでonloadを見つけることができないので、今は何ですか？

Answer 1

これが私の仕事：
http://www.codingforums.com/showthread.php?t=54130

また、ウィンドウの負荷（この例では、ASP .NETのページのためである）上で実行します：たぶん

<script type="text/javascript" language="JavaScript" src="../../javascript/Utility.js"> 
</script> 

<script type="text/javascript" > 
    window.onload = Init; 

    function Init() 
    { 
     ResizeTextarea(document.getElementById("<%=tbDetails.ClientID%>")); 
    } 
</script> 

Answer 2

ない完璧なしかし、ここで非常にシンプルなソリューションです。それは動作します：

<input type="text" onkeyup="if (this.value.length > 20) this.size = this.value.length;" /> 

もっときれいなものの場合は、Googleで「テキストを自動的に拡張」できますが、ma 、それはonloadイベント動作させるあなたのページにこのようなコードを追加する：

<script type="text/javascript"> 
window.onload = function() { 
    var arrInputs = document.getElementsByTagName("input"); 
    for (var i = 0; i < arrInputs.length; i++) { 
     var oCurInput = arrInputs[i]; 
     if (oCurInput.type == "text") 
      oCurInput.onkeyup(); 
    } 
}; 
</script>