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;" />

对于更漂亮的东西，你可以谷歌“自动扩展文本框”，虽然你会找到关于textarea的主要内容，而不是<input type="text" />，

编辑：要使其正常工作，请将此类代码添加到您的页面中：

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

使用文本增加文本框大小

2 个答案: