禁止 textarea 调整大小的方法

春季是一个富有生命力季节,也是一个美丽、神奇,充满希望季节。柳树枝条向下垂着,就似一条条线挂树上。春季景色十分美丽,就似一幅栩栩如生画。

HTML页面中的 textarea 输入框是默认在右下角显示一个小三角的,用鼠标拖动小三角是可以调整 textarea 输入框的大小的。如果html的页面布局比较复杂,那么调整 textarea 大小会破坏掉页面整体布局的完整性,那么如何来禁止 textarea 调用大小呢?可以参考下面的方法。

禁止 textarea 调用大小的方法

css 中有一个 resize 属性,这个属性是用来控制元素的尺寸是否可以调整,其值如下:

none:不能调整元素的尺寸;

both:可调整元素的高度和宽度;

horizontal:可调整元素的宽度;

vertical:可调整元素的高度。

结合上面的 resize 属性,将其值设置为 none,就可以来禁止 textarea 输入框调整大小了。

禁止 textarea 调整大小的方法

示例代码:

<textarea style="width:100px;height: 50px;">我的大小可以变!</textarea>
<textarea style="width:100px;height: 50px;resize: none;">我的大小不能变!</textarea>
<p>飞鸟幕鱼博客</p>

本文禁止 textarea 调整大小的方法到此结束。自我要先看得起自我,别人才会看得起你。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法