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

textarea禁止拉伸和禁止编辑相关推荐

elementUI textarea 禁止拉伸
普通的textarea 可以设置样式禁止拉伸 -- resize: none; resize: none; elementUI textarea 禁止拉伸,因为elementUI 封装了很多类, ...
html textarea 禁止拉伸
给textarea 设置css . resize: both; //纵横拉伸resize: horizontal; //水平拉伸resize: vertical; // 垂直拉伸 resize: no ...
Python禁止最大化按钮和禁止拉伸窗口大小
# 禁止最大化按钮(只显示最小化按钮和关闭按钮)myPyMainForm.setWindowFlags(QtCore.Qt.WindowMinimizeButtonHint | QtCore.Qt.W ...
html页面禁止右键、禁止复制、禁止图片拖动、禁止复制和剪切禁止IOS长按复制粘贴实现
html实现页面禁止右键禁止复制禁止图片拖动禁止复制和剪切众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键禁止复制. 禁止右键oncontex ...
h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法
这篇文章主要为大家详细介绍了网页禁止鼠标右键禁止全选复制粘贴的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页禁止鼠标右键禁止全选复制粘贴有很多种JS方 ...
html实现页面禁止右键禁止复制禁止图片拖动禁止复制和剪切
众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键禁止复制. 禁止右键 οncοntextmenu="return false" 禁止 ...
禁止word另存为,禁止图片另存为excel禁止另存为
在很多企事业单位,处于商业机密保护的需要,常常需要禁止一些文件格式的"另存为"功能,防止通过"另存为"将文件另行保存,据为己有的目的:尤其是在局域网中访问服务器 ...
禁止微信链接分享，禁止转发，禁止收藏JS代码
在很多时候我们发布网站上面内容的时候不想让别人转发和分享,在这里使用js代码设置禁止微信链接分享,禁止转发,禁止收藏等功能. 先看看未加禁止分享的代码是什么样子的. 在<body>< ...
解除禁tracet_FAQ-S6700如何禁止ping不禁止tracert
在ACL中可选择禁止对应的ping包ICMP类型即可,比如按照如下的ACL写: [S6700-acl-adv-3000]rule 10 deny icmp icmp-type INTEGER<0 ...

textarea禁止拉伸和禁止编辑

一、textarea禁止拉伸方法：

二、textarea禁止编辑方法：

textarea禁止拉伸和禁止编辑相关推荐

最新文章

热门文章