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>