HTML textarea标签的大小改变

Question

所以，我使用的是textarea的标签，我想问一下几件事情：

1）任何用户都可以更改框的大小，但它可以被阻止？如果是，如何？

2）是否有可能（不妨碍盒的大小不变的）设定的最大高度或宽度？

预先感谢

Answer 1

要禁用文本区域的大小调整和控制的最大尺寸添加到您的css文件：

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

只要调整的像素值是什么，你希望它是。但请注意：如果某些用户希望修改textarea的大小，这可能会令人讨厌。

Answer 2

要禁用调整大小的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>