设置textarea标签的文本域不可拉伸

最新推荐文章于 2024-04-11 07:47:48 发布
最新推荐文章于 2024-04-11 07:47:48 发布
阅读量2.8k 收藏 2
点赞数
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lynn_ML/article/details/103772123
版权

textarea标签
对于一般创建的textarea标签，其创建一个文本区，自带有cols,rows,value,disable,readonly,id,name等属性，设置cols和rows设置宽高。
但是在文本区右下角有个小三角，可以任意拖动文本域的大小，在日常使用常不需要此功能，仅需固定其大小，此时需要通过CSS样式添加以下样式即可固定其宽高。

#userAgree{
	resize：none;
}

<textarea name="用户协议" id="userAgree" cols="50" rows="50" readonly disabled >

修改前后的对比如下 图所示：
在这里插入图片描述
在这里插入图片描述

Lynn_ML
关注
textarea文本域设置不能拉伸，去掉滚动条
qq_45863496的博客
11-16 2315
<style> textarea { width: 740px; height: 50px; border: none; /*去掉边框*/ overflow: hidden; /*去掉滚动条*/ resize:none; /*设置文本域框不能进行拉伸*/ padding: 10px 25px; /*设置真正文本输入的范围，不能用margin*/ } </style> ...
HTML标签
weixin_45701868的博客
03-29 1586
目录 一、显示级分类 1、块级元素(block) 2、内联元素(inline) 3、内联块元素(inline-block) 二、文本类型的标签 三、块类型的文本标签 四、超链接 1、属性href: 指定跳转的路径 2、锚点：实现的页内跳转 五、排版类型的标签 1、p标签 2、div标签 3、span标签 4、dl自定义列表 5、有序列表 ​编辑 6、无序列表 7、img图片标签 8、图片映射 六、表单类型的标签 1.input标...
textarea标签 禁止拉伸
热门推荐
A_Runner的博客
06-08 5万+
千古兴亡多少事,悠悠,不尽长江滚滚流 &amp;lt;textarea&amp;gt; 标签定义多行的文本输入控件。 文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。 禁止文本域拉伸的样式是: style=&quot;resize:...
elementUI中的文本域(textarea)禁止拉伸样式
前端小菜鸟也有人起的博客
04-06 1224
elementUI中的文本域(textarea)禁止拉伸样式
实现textarea内容完全显示时禁止向下拉伸功能
weixin_42495123的博客
08-08 1966
实现textarea内容完全显示时禁止向下拉伸功能
固定textarea文本域尺寸
04-17
默认情况下，Chrome 和其他基于 WebKit 的浏览器允许用户通过拖动textarea的角落来调整其大小，这在某些场景下是实用的，但并不总是符合设计师对页面布局的预期。有时，保持页面的统一性和美观性更为重要，因此需要...
java gridlayout 设置列宽_5、Java Swing布局管理器(FlowLayout、BorderLayout、CardLayout、BoxLayout、GirdBagLayout 和 ...
weixin_36198509的博客
02-16 1107
5、Java-Swing常用布局管理器应用布局管理器都属于相对布局，各组件位置可随界面大小而相应改变，不变的只是其相对位置，布局管理器比较难以控制，一般只在界面大小需要改是才用，但即使这样，为了操作方便，也只是在大的模块下用布局管理器，在一些小的模块下还是用绝对布局。在一些没要求界面大小改变的窗口，一般采用绝对布局比较容易，但对于后期的修改来说比较麻烦。5.1、 BorderLayout这种布局管...
03 【语义标签(下) CSS简介】
DSelegent的博客
07-25 400
03 【语义标签(下) CSS简介】
HTML学习笔记二（常用标签）
xbean1028的博客
03-31 211
HTML学习笔记二（常用标签） 文章目录列表标签无序列表(unordered list)有序列表(ordered list)定义列表(definition list)表格标签表格中的属性表格中的其它标签表格的结构表单标签form标签input标签数据列表多行文本框(文本域)下拉列表多媒体标签video标签audio标签详情和概要标签marquee标签HTML中被废弃的标签HTML实体meta其它类型eywords类型Descriiption类型Author类型Refresh类型Robots类型 列表标签 无
怎么禁止textarea拉伸
Amouzy的博客
08-01 1773
怎么禁止textarea拉伸。
textarea默认文字换行显示、禁止拉伸设置
weixin_72972487的博客
06-06 2127
textarea默认文字换行显示，禁止拉伸设置
textarea的不可拉伸和不可编辑
weixin_30535843的博客
01-03 269
不可拉伸： textarea { resize: none; } 不可编辑： 第一种方法： <textarea disabled></textarea> 第二种方法： <textarea readonly></textarea> 转载于:https://www.cnblogs.com/sqh17...
textarea禁止拉伸
Hero_rong的博客
01-21 319
textarea{ resize:none; }  
textarea 禁止拉伸的属性
hao9101111的博客
07-25 3293
 style="resize:none" 
react自定义TextArea组件，不被拉伸
Csdn_____c的博客
01-30 1719
antDesign中富文本框禁止拉伸！
text area文本框禁止拉伸
HN-XX-PYY的博客
03-04 275
/* 禁止文本框拉伸 */ resize: none;
textarea禁止拉伸和禁止编辑
最初都是小白
02-20 2万+
一、textarea禁止拉伸方法： 设置style：“ resize:none;” // 禁止拉伸代码 &lt;textarea style="resize:none;" &gt;自己设置宽高即可&lt;/textarea&gt; 效果： 二、textarea禁止编辑方法： （1）设置模式为只读 ：readonly //readonly 可复制不可编辑 &lt;textarea type=...
textarea文本域如何禁止拉伸
最新发布
qq_50721317的博客
04-11 190
【代码】textarea文本域如何禁止拉伸。
可以设置文本域不可改吗
06-02
是的，可以通过设置文本域的属性来实现文本域不可改。在 HTML 中，可以使用 `readonly` 属性来设置文本域为只读状态，即用户可以看到文本框中的内容，但是无法修改它。示例代码如下： ```html <textarea readonly>Hello, world!</textarea> ``` 在 JavaScript 中，也可以通过设置文本域的 `disabled` 属性来达到类似的效果，禁用文本域的输入和编辑。示例代码如下： ```html <textarea disabled>Hello, world!</textarea> ```
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值