textarea宽度(textarea宽度有哪些限制)
一、怎么让textarea的宽度不能改变高度可以调整
可以给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"键的遍历顺序。
二、怎么设置textarea的高宽
1、首先打开dreamware软件，然后新建一个文件，如图所示。
2、然后在文档<body>里面写入代码，新建textarea文本框，用列高来设置高度，如图所示。
3、列高来设置高度，效果图展示如下。
4、还可以在打开的文档<body>里面写入代码，新建textarea文本框，直接给该属性写入宽度和高度，如图所示。
5、用文本框属性的高度设置高度，效果图展示如下。
三、如何限制textarea标签文本长度
方法1：使用maxlength属性
<textarea id="mess-input" type="text" name="message" maxlength="10"></textarea><br>
使用maxlength即可限制最大字符数，但该属性不兼容IE8，所以考虑用下面的办法。
方法2：js实现-达到最大长度后禁用键盘输入
window.onload= function()
{
document.getElementById('text1').onkeydown= function()
{
if(this.value.length>= 10)
event.returnValue= false;
}
}
上述代码在textarea值长度超过10时，禁用键盘输入。但该方法在firefox17浏览器中不兼容，且有两个bug。
1.长度达到最大以后，由于屏蔽键盘动作，已输入的文本内容无法删除和编辑。
2.如果使用ctrl+v直接粘贴入一段长度超限的文本，则该方法无效。
方法3：js实现-用substr方法截取textarea前端若干字内容
function limitLength(obj, length){
var desc= obj.value;
obj.value= substr(obj.value, length);
}
function substr(str, length){
var l= 0, i= 0;
while(l< length&& i< str.length){
l+= 1;
if(str.substring(i, i+ 1).match(/[\u4e00-\u9fa5]/)) l+= 2;
i+= 1;
}
return str.substring(0, i);
}
该方法监测文本框输入，当超出最大长度时，从前面截取最大长度个字节放入文本框中。该方法在各浏览器中均支持，且无方法2中的各种问题。
以上就是限制<textarea>标签最大字符数的3种方法，如果需要分别限制中英文字符数的话，在js代码前加一段正则表达式匹配，并分别做限制即可。
中文及字符正则表达式：/[^-~]+/g
ASCII码正则表达式：/\D+/g