<textarea>标签属性详解,HTML中textarea标签的作用

发布时间：2021-08-25 18:13 所属分类：热门主题浏览次数：

　　<textarea>标签属性详解,HTML中textarea标签的作用

　　上述比如展示了的几个特色：

　　为了进步可访问性（accessibility），用于将与一个关联的id特点。

　　name特点，用于设置随表单一起提交到服务器的相关数据的名字。

　　rows和cols特点，用于声明的准确尺度。这对于一致性十分有帮助，因为不同浏览器的默许值常常不一样。

　　坐落开始标签和闭合标签之间的默许内容。不支撑value特点。

　　还能够运用中的一些常见特点，如autocomplete,autofocus,disabled,placeholder,readonly,和required。

　　特点

　　这个元素包含了全局特点。

　　autocapitalizeiOS的非标准特点（运行在iOS上的Safari、Firefox、Chrome都支撑），文本是否主动首字母大写。在iOS5和之后的版本上有效。或许的值为：

　　none:禁用首字母大写。

　　sentences:句子的首字母大写。

　　words:单词或许字母的首字母大写。

　　characters:悉数字母大写。

　　on:自iOS5抛弃。

　　off:自iOS5抛弃。

　　autocomplete是否运用浏览器的回忆功能主动填充文本。或许的值有：

　　off:不运用浏览器的回忆主动填充，运用者有必要输入他们想要输入的所有内容。或许网页提供了自己的主动填充方法。

　　on:浏览器根据用户之前输入的内容或许习惯，在用户输入的时分给出相应输入提示。

　　假如不指明autocomplete特点，浏览器会从父级的表单元素上解析是不是开启这个特点。表单元素可所以`textarea`元素的父级或许`textarea`有跟表单相同的id（参见下面的form特点）。更多请查看的autocomplete特点。

　　autofocus页面加载完毕之后是否主动给本元素添加焦点。只有跟表格关联的才能使本特点生效。cols文本域的可视宽度。有必要为正数，默许为20(HTML5)。disabled禁用文本域。默许为false。假如未指定，也能够从父级上如承继而来。form指定跟本身相关联的表单。值有必要为本文档内的表单的ID，假如未指定，便是跟当时所在的表单元素相关联。这就答应你在文档的任意当地放置文本域元素。maxlength答应用户输入的最大字符长度(Unicode)。未指定表示无限长度。minlength答应用户输入的最小字符长度(Unicode)name元素的称号。placeholder向用户提示能够在控件中输入的内容。在渲染提示时，占位符文本中的回车符(\r)或换行符(\n)一定会被作为行断（换行）处理。

　　Note:Placeholdersshouldonlybeusedtoshowanexampleofthetypeofdatathatshouldbeenteredintoaform;theyarenotasubstituteforaproperelementtiedtotheinput.SeeLabelsandplaceholdersin:TheInput(FormInput)elementforafullexplanation.

　　readonly不答应用户修正元素内文本。和disabled特点不同的是，这个能让用户点击和选择元素内的文本。假如在表单里，这个元素的值仍是会跟随表单一起提交。required提示用户这个元素的内容必填。rows元素的输入文本的行数（显现的高度）。spellcheck该特点设为true时，标明该元素会做拼写和语法查看。特点值为default时，标明元素有默许行为，或许会根据父元素的spellcheck值。特点值为false时，标明元素不做拼写和语法查看。wrap指定文本换行的方式。默许为soft。或许的值为：

　　hard:在文本抵达元素最大宽度的时分，浏览器主动刺进换行符(CR+LF)。比如指定cols值。

　　soft:在抵达元素最大宽度的时分，不会主动刺进换行符。

　　运用CSS款式

　　是可被替换的元素——其有自己的固有尺度，像。默许情况下，其display值为block。与其他表单元素比较，这个元素相对比较简单设置款式，运用常规的CSS就能够轻松设置它的盒模型、字体、色彩方案等。

　　StylingHTMLforms这个页面提供了一些关于款式的有用提示。

　　基线不一致

　　TheHTMLspecificationdoesn'tdefinewherethebaselineofais,sodifferentbrowserssetittodifferentpositions.ForGecko,thebaselineissetonthebaselineofthefirstlineofthetextarea'sfirstline,onanotherbrowseritmaybesetonthebottomofthebox.Don'tusevertical-align:baselineonit;thebehaviorisunpredictable.

　　操控文本区是否可调整大小

　　Inmostbrowsers,sareresizable—you'llnoticethedraghandleintherighthandcorner,whichcanbeusedtoalterthesizeoftheelementonthepage.ThisiscontrolledbytheresizeCSSproperty—resizingisenabledbydefault,butyoucanexplicitlydisableitusingaresizevalueofnone:

　　textarea{

　　resize:none;

　　}

　　在款式中运用有效值和无效值

　　Validandinvalidvaluesofaelement(e.g.thosewithin,andoutsidetheboundssetbyminlength,maxlength,orrequired)canbehighlightedusingthe:validand:invalidpseudo-classes.Forexample,togiveyourtextareaadifferentborderdependingonwhetheritisvalidorinvalid:

　　textarea:invalid{

　　border:2pxdashedred;

　　}

　　textarea:valid{

　　border:2pxsolidlime;

　　}

　　示例

　　HTML内容

　　<textareaname="textarea"rows="10"cols="50">Writesomethingheretextarea>