2011-03-08 44 views
1

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

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

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

+0

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

+0

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

+0

好吧,所以我們確實感到困惑。 @SimplePimple:text-BOX(input type =「text」)或text-AREA? –

回答

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> 
+0

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

+0

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

+0

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

1

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

<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> 
[自動調整大小文本區(指
+0

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

+0

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

+0

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

相關問題