`
wang_xudong
  • 浏览: 34230 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

textarea属性

阅读更多
<textarea> 标签定义多行的文本输入控件。[1]
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔;通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。
textarea 标签是成对出现的,以<textarea>开始,以</textarea>结束
定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。

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



描述

4

5
autofocus

true
false

在页面加载时,使这个 textarea 获得焦点。

5
cols

number

规定文本区内可见的列数。

4

5
disabled

true
false

当此文本区首次加载时禁用此文本区。

4

5
form

true
false

定义该 textarea 所属的一个或多个表单。

5
inputmode

inputmode

定义该 textarea 所期望的输入类型。

5
name

name_of_textarea

为此文本区规定的一个名称。

4

5
readonly

true
false

指示用户无法修改文本区内的内容。

4

5
required

true
false

定义为了提交该表单,该 textarea 的值是否是必需的。

5
rows

number

规定文本区内可见的行数。

4

5
HTML 5 中新的全局属性。
属性

描述
accesskey

规定访问元素的键盘快捷键
class

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

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

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

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

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

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

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

规定元素的唯一 ID。
lang

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

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

规定元素的行内样式。
tabindex

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

规定有关元素的额外信息。
[2]
描述
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
示例
<html>
<body>
<form action="../dreamdu.php" method="post" id="dreamduform">
<label for="contactus">请联系我们</label>
<textarea cols="50" rows="10" id="contactus" name="contactus">
可爱的猴子 </textarea>
</form>
</body>
</html>
分享到:
评论

相关推荐

    html滚动条 textarea属性设置

    本文介绍html滚动条 textarea属性设置:overflow内容溢出时的设置,scrollbar-3d-light-color立体滚动条亮边的颜色等等相关设置,有需要的朋友可以详细参考下,希望对你们有帮助

    jquery对textarea的长度进行验证

    扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。

    react-input-textarea:设置 React 输入和文本区域的样式,直到占位符。 将它们设置为内联样式,无需任何外部 CSS。 (已停产)

    样式化React输入和文本区域 ...var TextArea = require ( 'react-input-textarea' ) . TextArea ; var MyComponent = React . createClass ( { render : function ( ) { return ( &lt; Input / &gt;

    HTML5&CSS3网页制作:textarea元素.pptx

    textarea 元素 textarea 元素 01 textarea 元素 textarea 元素 &lt;textarea cols="每行中的字符数" rows="显示的行数"&gt; 文本内容 &lt;/textarea&gt; 描述 &lt;textarea&gt; 标记定义多行的文本输入控件。有两个比较重要的属性cols...

    JavaScript语言参考手册

    Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 Reset 属性 方法 Radio 属性 方法 Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应...

    textarea

    textarea 随内容高度固定,自动增宽;宽度固定,自动增高; 以及 wrap 的几种属性简介。

    xhEditor编辑器

    在需要实现可视化的文本框textarea属性中添加: class="xheditor" 例如:&lt;textarea name="content" class="xheditor"&gt;test&lt;/textarea&gt;经过以上步骤,你就已经成功的将xhEditor编辑器安装在你的网页中。若需要学习...

    JavaScript中文参考手册

    Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 Reset 属性 方法 Radio 属性 方法 Checkbox 属性 方法 Select 属性 方法 Option 属性...

    全兼容input/textarea标签的placeholder属性JS插件

    该插件完整兼容placeholder属性。插件由原生JS编写,无需任何其他插件支持,并且使用简单,只需一行JS调用即可。 博客地址:http://blog.csdn.net/qq_17076445/article/details/78212240

    使用HTML开发商业网站-表单控件-textarea课件.pptx

    表单控件-textarea控件 表单控件 表示多行文本框控件,其基本语法格式如下: &lt;textarea cols="每行中的字符...可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不同浏览器效果是不一样的,不过更好的办法是使用 CSS

    textarea去除多余空格和回车的方法及其属性

    textarea去除多余空格和回车的方法及其属性 1.错误解决方法 使用textarea的标签时候发现多了空格或者’\n‘,后来发现是标签的位置错了 以下是错误示范: 你好 以下是正确示范: 你好 关键在于与要在同一行,...

    JQuery为textarea添加maxlength属性的代码

    textarea默认不支持maxlength属性。所以通过jquery实现下。具体的看代码。

    jQuery textarea的长度进行验证

    扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件 代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function...

    TextArea设置MaxLength属性最大输入值的js代码

    标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用&lt;...

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: &lt;textarea id=txtComments style="overflow-x:...

    textarea不能通过maxlength属性来限制字数的解决方法

    与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一...

    textarea 富文本编辑器

    Struts标签中有一个属性,Escape,如果不写这个属性的话,默认的为true,这样从数据库中读取的带有HTML标签的数据就会原封不动的放在页面中,浏览器是不会解析你数据中的HTML标签的;只要将escape改为false即可;...

    IE6-9placeholder、textarea-maxlength的修复;实时用户输入捕捉

    IE6-9 input和textarea元素的placeholder(占位符)属性与textarea元素的maxlength(最大长度限制)属性的修复与所有浏览器的实时输入捕捉,仅需要提供一个元素或者元素id与实时捕捉回调函数(可选)。甚至实现了各...

Global site tag (gtag.js) - Google Analytics