textarea禁止拉伸和禁止编辑
一、textarea禁止拉伸方法:设置style:“ resize:none;”// 禁止拉伸代码<textarea style="resize:none;" >自己设置宽高即可</textarea>效果:二、textarea禁止编辑方法:(1)设置模式为只读 :readonly//readonly 可复制不可编辑&
·
一、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;”
更多推荐
所有评论(0)