textarea禁止拉伸和禁止编辑

一、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;”