在web页面中,textarea标签是可以通过用鼠标来拖动输入框大小范围的,在css样式中也对textarea提供了resize属性,这个可以用来设置是否允许拖动大小,以及拖动方向等..下面有几个实战案例。
禁止拖动
<textarea name="" style="width:300px;height: 50px;resize:none;">禁止拖动</textarea>
允许上下拖动
<textarea name="" style="width:300px;height: 50px;resize:vertical;">允许上下拖动</textarea>
允许左右拖动
<textarea name="" style="width:300px;height: 50px;resize:horizontal;">允许左右拖动</textarea>
textarea的resize属性值
none:不能调整元素尺寸;
both:可调整元素高度和宽度;
horizontal:可调整元素宽度;
vertical:可调整元素高度。
PS:resize属性:是用来定义 textarea 元素是否可以被拖动大小。
广告插入