HTML textarea标记大小已更改

时间:2016-04-25 17:42:13

标签: html css

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

1)任何用户都可以改变盒子的大小,但可以防止它吗?如果是,怎么样?

2)是否可以(不阻止框的大小改变)设置最大高度或宽度?

提前致谢

2 个答案:

答案 0 :(得分:1)

要停用textarea的大小,请使用resize:none;并控制最大宽度和高度,在CSS中使用max-heightmax-width属性。

textarea.noResize{
  resize:none;  
}
textarea.heightControl{
  max-height:100px;
  max-width:500px;
}
<textarea class="noResize"></textarea>
<textarea class="heightControl"></textarea>

答案 1 :(得分:0)

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

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

只需将像素值调整为您希望的值即可。但请注意:如果他们希望修改textarea的大小,这可能会让一些用户烦恼。