HTML textarea标签大小改变[重复]

【问题标题】：HTML textarea tag size changing [duplicate]HTML textarea标签大小改变[重复]
【发布时间】：2016-08-19 06:02:46
【问题描述】：

所以，我正在使用 textarea 标签，我想问一些事情：

1) 任何用户都可以更改框的大小，但可以阻止吗？如果是，怎么做？

2) 是否可以（不阻止盒子的大小变化）设置最大高度或宽度？

提前致谢

【问题讨论】：

为什么要首先阻止它？为了用户的方便而存在这种可能性，例如如果他们使用放大的字体。它对传输的数据的影响为零。无论哪种方式，请始终记住 Google - HTML textarea prevent resize 将为您提供所需的一切
还有stackoverflow.com/questions/5235142/…

标签： html css

【解决方案1】：

要禁用调整 textarea 的大小，请使用 resize:none; 并控制最大宽度和高度，请使用 CSS 中的 max-height 和 max-width 属性。

textarea.noResize{
  resize:none;  
}
textarea.heightControl{
  max-height:100px;
  max-width:500px;
}

<textarea class="noResize"></textarea>
<textarea class="heightControl"></textarea>

【讨论】：

【解决方案2】：

要禁用调整文本区域的大小并控制最大大小，请将其添加到您的 css 文件中：

textarea {
   resize: none;
   max-height : 100px;
   max-width : 100px;
}

只需将像素值调整为您希望的值。但是请注意：如果某些用户希望修改文本区域的大小，这可能会令他们烦恼。

【讨论】：