textarea属性的元素 element元素
大家好，关于textarea属性的元素很多朋友都还不太明白，今天小编就来为大家分享关于element元素的知识，希望对各位有所帮助！
怎么让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"键的遍历顺序。
[HTML表单]1.textarea(多行文本域)
浏览器将表单的数据打包后发送给服务器,服务器接收后转由程序处理。
<form>表单元素</form>
表单本身不可见,只是一个区域。
语法：
<input/>
属性：
1)type(类型)
可选值：
text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮) reset(重置按钮) hidden(隐藏域,用户看不到但可传递到服务器) image(图像域,实际是按钮的功能) checked(单选多选设置默认值)
2)name(文字域的名称)
3)maxlength(最大字符长度)
4)size(文本框的宽度,字符个数为单位,默认20)
5)value(文本框默认值,是要提交给服务器的值)
6)placeholder(提示信息)
2)<select>-菜单和列表标签<option>-菜单和列表项目标签
优点：
节约网页空间。
语法：
<select>
<option value="">选项1</option>
</select>
select属性：
1)name(名称)
2)multiple(设置可选择多个,会从下拉菜单变为列表菜单,按住ctrl可多选)
3)size(设置列表可见选项数目,会从下拉菜单变为列表菜单)
option属性：
1)selected(默认选中)
2)value(传送给服务器的值)
3)<optgroup>-菜单和列表项目分组标签
语法：
<select>
<optgroup label="组名">
<option>选项</option>
</optgroup>
</select>
4)<textarea>-文字域标签(多行)
语法：
<textarea>内容</textarea>
注意：
开始标签和结束标签之间不要有换行或者空格。
属性：
1)name(名称)
2)placeholder(提示信息)
3)rows(可见行数)
4)cols(可见宽度,只是大约数据)
textarea:进行文本换行
textarea内的换行便是以换行符的形式实现，换行符也能用于textarea
当我们尝试将
用于一般div
eg: document.querySelector(".a").innerHTML="12
1";
显示:
未显示换行，这是因为在默认情况下空白会被忽略，所以无论是文本里的空白、换行都会被当做一个空格处理，
若想显示空白，需添加属性white-space: pre;保留换行和空白或者pre-line保留换行，忽略空白
增添white-space: pre;显示:
这时候获取innerHTML，输出: 12 1,
/
/.test(document.querySelector(".a").innerHTML)// true，
eg: document.querySelector(".a").innerHTML="1 2
1";
显示:
通过审查元素，可以发现可编辑div自带white-space: pre;属性！因此文本空白和换行符都对它有效
而可编辑div内直接进行换行操作，换行又是如何实现的？
进行换行:
再输出innerHTML
1 2 1<div>11</div><div>111</div>
因此:对于可编辑div，换行符有效，但它本身的换行是通过div来实现的，这不同于textarea!
一般pre
对于一般pre，文本空格与换行符都有效，也自带white-space: pre;属性。
可编辑pre
类似于可编辑div，换行符有效，本身的换行通过增添div实现。
关于textarea属性的元素，element元素的介绍到此结束，希望对大家有所帮助。