限制文本区域

Question

抱歉可能是新手问题，但我尚未在网上找到答案。

我有文本区域。我想让它按原样调整大小，但我希望它在开始时打开页面时具有特定大小。该大小应该是文本区域的最小大小。另外，我希望它在展开时具有最大尺寸，但宽度和高度都应该可以调整。

例如：文本区域的大小应该从 H:300px 和 W:300px 开始，并且最小。它应该可以调整到最大值 H:600px 和 W:700px。谢谢。

Answer 1

将此 css 添加到文本区域：

textarea {
  min-height:300px;
  min-width: 300px;
  max-height: 600px;
  max-width: 700px;
}

应该可以！

Answer 2

这里有一个例子来演示！ :)

https://jsfiddle.net/e344c5f1/5/

textarea {
  /* Define your minimum size here */
  min-height:300px;
  min-width: 300px;

  /* Define your maximum size here */
  max-height: 600px;
  max-width: 700px;
}

不要忘记为包含的元素设置溢出以避免隐藏或重叠，具体取决于您的需要（查看 fiddle 以获取隐藏示例）。

限制文本区域

Limit a textarea

html

css

textarea