用文字增加文本框的大小

我不知道如何去谷歌這個，它總是提出我沒有找到的答案。所以，我有一個文本框，我希望它具有設置的大小，但如果文本大於大小，那麼我希望文本框的大小隨文本增加而增加。用文字增加文本框的大小

令人困惑的權利？我不擅長解釋這些東西。

新的部分：該文本框預先加載了這段文字，但提供的答案僅在鍵入時才起作用。我無法在文本框中找到onload，那麼現在呢？

來源

2011-03-08 SimplePimple

可能重複http://stackoverflow.com/questions/7477/autosizing-textarea） –

@David我認爲他在談論文本**框**而不是文本*區域* –

好吧，所以我們確實感到困惑。 @SimplePimple：text-BOX（input type =「text」）或text-AREA？ –

這爲我工作：
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>

來源

2011-03-08 15:50:17 Cosmin

未打開此鏈接？你試過了嗎？ –

該鏈接有效 - 但除了「我找到解決方案」之外，還有一個問題但沒有答案？ –

這工作 - 我忘了提到問題的另一部分。我的問題已更新，請回答。 – SimplePimple

也許不是完美的，但在這裏是很簡單的解決辦法的作品：

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

對於漂亮的東西，你可以谷歌爲「自動擴展文本框」，但你會發現馬約旦約textarea的，不<input type="text" />的東西，

編輯：使它的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>

[自動調整大小文本區（指

來源

2011-03-08 15:56:00

這是爲type =「text」輸入，如果關於textarea的問題他正在尋找別的東西。不糾正這個答案，只是增加！ –

@Mör，因爲他提到'尺寸'這可能是文本框，textarea有行和列而不是尺寸。 :) –

好的，我可以這麼說嗎：**沒有html的textbox元素**有''和'textarea' ... :( –

用文字增加文本框的大小

回答

相關問題