问题标签 [textarea]

我目前正在为我工​​作的公司开发一个内部销售应用程序，并且我有一个允许用户更改收货地址的表单。

现在我认为它看起来会更好，如果我用于主要地址详细信息的文本区域只会占用其中的文本区域，并在文本更改时自动调整大小。

这是它目前的截图。

有任何想法吗？

@克里斯

一个很好的观点，但我希望它调整大小是有原因的。我希望它占用的区域是其中包含的信息的区域。正如您在屏幕截图中看到的，如果我有一个固定的文本区域，它会占用相当多的垂直空间。

我可以减少字体，但我需要地址大且可读。现在我可以减小文本区域的大小，但是对于地址行需要 3 或 4 行（一个需要 5 行）的人，我会遇到问题。需要让用户使用滚动条是一个主要的禁忌。

我想我应该更具体一点。我在垂直调整大小之后，宽度并不重要。唯一会发生的问题是，当窗口宽度太小时（如屏幕截图所示）时，ISO 编号（大的“1”）会被推送到地址下方。

这不是噱头；它是关于拥有一个用户可以编辑的文本字段，它不会占用不必要的空间，但会显示其中的所有文本。

虽然如果有人想出另一种方法来解决这个问题，我也愿意接受。

我稍微修改了代码，因为它的行为有点奇怪。我将其更改为在 keyup 时激活，因为它不会考虑刚刚输入的字符。

有没有一种简单的方法可以让 HTML textarea 和输入 type="text" 以（大约）相等的宽度（以像素为单位）呈现，在不同的浏览器中工作？

CSS/HTML 解决方案会很棒。我宁愿不必使用 Javascript。

谢谢/埃里克