定义和用法
<textarea> 标签定义多行的文本输入控件。
可以通过 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
|
规定有关元素的额外信息。
|
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>