textarea属性

最新推荐文章于 2024-05-15 09:30:00 发布

u010866201

最新推荐文章于 2024-05-15 09:30:00 发布

阅读量473

点赞数

分类专栏： Web前端文章标签： html css

本文链接：https://blog.csdn.net/u010866201/article/details/84485412

版权

Web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<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>