一、textarea禁止拉伸方法:

设置style:“ resize:none;”

// 禁止拉伸代码
 <textarea style="resize:none;" >自己设置宽高即可</textarea>

效果:
在这里插入图片描述

二、textarea禁止编辑方法:

(1)设置模式为只读 :readonly

//readonly 可复制不可编辑
 <textarea type="textarea" readonly>不可编辑</textarea>

(2)设置模式为禁用:disabled

//readonly 可复制不可编辑有背景色
 <textarea type="textarea" disabled>不可编辑</textarea>

二者效果区别:
readonly:没背景颜色,保留滚动条(适合文字内容多的场景使用)
disabled:有背景颜色,不保留滚动功能,(合文字少不需要滚动的场景使用)
在这里插入图片描述
可以配合鼠标变成禁用图标使用 style:“cursor:no-drop;”
在这里插入图片描述

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐