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

Posted 2023-03-05

【中文标题】HTML textarea标签大小改变[重复]

【英文标题】：HTML textarea tag size changing [duplicate]

【发布时间】：2016-08-19 06:02:46

【问题描述】：

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

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

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

提前致谢

【问题讨论】：

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

还有***.com/questions/5235142/…

【参考方案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;

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