<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属性设置:overflow内容溢出时的设置,scrollbar-3d-light-color立体滚动条亮边的颜色等等相关设置,有需要的朋友可以详细参考下,希望对你们有帮助
扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。
样式化React输入和文本区域 ...var TextArea = require ( 'react-input-textarea' ) . TextArea ; var MyComponent = React . createClass ( { render : function ( ) { return ( < Input / >
textarea 元素 textarea 元素 01 textarea 元素 textarea 元素 <textarea cols="每行中的字符数" rows="显示的行数"> 文本内容 </textarea> 描述 <textarea> 标记定义多行的文本输入控件。有两个比较重要的属性cols...
Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 Reset 属性 方法 Radio 属性 方法 Checkbox 属性 方法 Select 属性 方法 Option 属性 第八章 浏览器 这一章对应...
textarea 随内容高度固定,自动增宽;宽度固定,自动增高; 以及 wrap 的几种属性简介。
在需要实现可视化的文本框textarea属性中添加: class="xheditor" 例如:<textarea name="content" class="xheditor">test</textarea>经过以上步骤,你就已经成功的将xhEditor编辑器安装在你的网页中。若需要学习...
Textarea 属性 方法 Password 属性 方法 FileUpload 属性 方法 Button 属性 方法 Submit 属性 方法 Reset 属性 方法 Radio 属性 方法 Checkbox 属性 方法 Select 属性 方法 Option 属性...
该插件完整兼容placeholder属性。插件由原生JS编写,无需任何其他插件支持,并且使用简单,只需一行JS调用即可。 博客地址:http://blog.csdn.net/qq_17076445/article/details/78212240
表单控件-textarea控件 表单控件 表示多行文本框控件,其基本语法格式如下: <textarea cols="每行中的字符...可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不同浏览器效果是不一样的,不过更好的办法是使用 CSS
textarea去除多余空格和回车的方法及其属性 1.错误解决方法 使用textarea的标签时候发现多了空格或者’\n‘,后来发现是标签的位置错了 以下是错误示范: 你好 以下是正确示范: 你好 关键在于与要在同一行,...
textarea默认不支持maxlength属性。所以通过jquery实现下。具体的看代码。
扩展textarea 属性,结合jquery.validate.js,在提交表单同时,加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件 代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function...
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<...
要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: <textarea id=txtComments style="overflow-x:...
与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一...
Struts标签中有一个属性,Escape,如果不写这个属性的话,默认的为true,这样从数据库中读取的带有HTML标签的数据就会原封不动的放在页面中,浏览器是不会解析你数据中的HTML标签的;只要将escape改为false即可;...
IE6-9 input和textarea元素的placeholder(占位符)属性与textarea元素的maxlength(最大长度限制)属性的修复与所有浏览器的实时输入捕捉,仅需要提供一个元素或者元素id与实时捕捉回调函数(可选)。甚至实现了各...