Html----textarea

定义和用法

<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本,其中的文本的默认字体是 等宽字体(通常是 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
规定有关元素的额外信息。

描述
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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值