限制textarea

时间:2015-12-13 13:36:36

标签: html css textarea

很抱歉也许是一个新手问题,但我还没有在网上找到答案。

我有textarea。我希望它可以调整大小,但我希望它在开始时打开页面时具有特定的大小。该大小应该是textarea的最小大小。此外,我希望它在扩展时具有最大尺寸,但是widgh和高度都应该可以调整大小。

例如:textarea的大小应该开始并且最小为H:300px和W:300px。它应该可以调整到最大H:600px和W:700px。感谢。

2 个答案:

答案 0 :(得分:2)

将此css添加到textarea:

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

应该这样做!

答案 1 :(得分: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;
}

不要忘记为包含元素设置溢出以避免隐藏或重叠,这取决于你想要的东西(检查小提琴是否有隐藏的例子)。