css教程 内容:10

textarea标签上下左右鼠标拖动方法

  • 查看作者
  • 在web页面中,textarea标签是可以通过用鼠标来拖动输入框大小范围的,在css样式中也对textarea提供了resize属性,这个可以用来设置是否允许拖动大小,以及拖动方向等..下面有几个实战案例。

    textarea标签上下左右鼠标拖动方法 textarea 第1张图片

    禁止拖动

    <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 元素是否可以被拖动大小。

    请登录之后再进行评论

    登录
    最新评论
    0U币
    已有1440人浏览, 浏览收益0, 礼物收益0, 打赏收益0, 点赞收益0, 广告收益0, 获得总收益0U币
    也可开通会员全场文章免费看
    免费教程