怎么让textarea的宽度不能改变?高度可以调整?

 我来答
蓝雪儿老师
高能答主

2019-11-14 · 愿千里马,都找到自己的伯乐!
蓝雪儿老师
采纳数:266 获赞数:85194

向TA提问 私信TA
展开全部

可以给textarea加一个id这样可以实现单独改宽度如$("#aa")。css("width","300");也可以集体修改如$("textarea")。css("width","300"),这样会把所有的textarea的宽度都改为300。

style="resize:none;" 这样禁止拖拽改变大小。

style="max-width:500px,"这样宽度固定为500px。


扩展资料:

textarea定义和用法:

标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是Courier)。

可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS的height和width属性。

在文本输入区内的文本行间,用"%OD%OA"(回车/换行)进行分隔;通过标签的wrap属性设置文本输入区内的换行模式。textarea标签是成对出现的,以开始,以结束。

定义一个文本区域(text-area)(一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体(fixedpitch)。

属性。最常用的属性是cols和rows,用来规定textarea的尺寸。另外,还有其他一些属性如如下:

accesskey 规定访问元素的键盘快捷键。

class 规定元素的类名(用于规定样式表中的类)。

contenteditable 规定是否允许用户编辑内容。

contextmenu 规定元素的上下文菜单。

dir 规定元素中内容的文本方向。

draggable 规定是否允许用户拖动元素。

dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。

hidden 规定该元素是无关的。被隐藏的元素不会显示。

id 规定元素的唯一ID。

lang 规定元素中内容的语言代码。

spellcheck 规定是否必须对元素进行拼写或语法检查。

style 规定元素的行内样式。

tabindex 规定元素的tab键控制次序。

title 规定有关元素的额外信息。


Common--一般属性、cols--多行输入域的列数、rows--行输入域的行数、accesskey--表单的快捷键访问方式、disabled--输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用、readonly--输入域可以选择,但是无法修改、tabindex--输入域,使用"tab"键的遍历顺序。

paibiu酱
2019-11-09 · TA获得超过1.6万个赞
知道答主
回答量:119
采纳率:100%
帮助的人:1.8万
展开全部

textarea的宽度和高度是都可以改变的。

(1)在textarea中在jsp中打出来这个标签的时候,会有两个属性一个属性为rows另一个属性为cols只要改变这两个数字为相应的数字就可以改变宽度和长度。

代码如下:

第一个:<textarea rows="1" cols="1"></textarea>

<br>

第二个:<textarea rows="3" cols="9">sda</textarea>

运行后的效果对比:

第二种使textarea自动适应屏幕的宽度,改变长度和宽度。

代码如下:

<style type="text/css">

.comments {

 width:100%;/*自动适应父布局宽度*/

 overflow:auto;

 word-break:break-all;

 /*在ie中解决断行问题(防止自动变为在一行显示,主要解决ie兼容问题,ie8中当设宽度为100%时,文本域类容超过一行时,当我们双击文本内容就会自动变为一行显示,所以只能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/ 

}

</style>

      自动适应大小:<textarea class="comments" rows=1   name=s1   cols=27   onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>

运行截图如下:

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yeardnksd
2018-11-16
知道答主
回答量:6
采纳率:0%
帮助的人:5484
展开全部
style="resize:vertical;"
这个可以用鼠标在页面上手动调整高度,并且宽度始终固定。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
摆渡用户名不能改
推荐于2018-11-16
知道答主
回答量:12
采纳率:0%
帮助的人:2.1万
展开全部
style="resize:none;" 这样禁止拖拽改变大小
style="max-width: 500px;"这样宽度固定为500px
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式