textarea
适用DTD:Strict Transitional Frameset 适用浏览器:All
释义
多行文本框、文本区(text area)
语法
<textarea 属性="属性值">~标签内容~</textarea>
说明
textarea元素用来建立多行文本框,元素标签内容中的任何文字(包括HTML元素标签)都将成为多行文本框的默认数据,所以它没有value属性。
多行文本框中可以输入多行文字并换行,可以编辑多行文本框中的内容,提交表单后,其中的所有数据(包括制表符和回车符)都会提交到服务器
textarea元素不仅可以放进表单里,也可以放到网页中其他位置
结束标签不可省略
属性
属性
属性值
说明
① name
name名
指定控件的名称,用于提交数据时作为参数名或客户端脚本引用
② rows
整数
设置多行文本框的显示行数(高度),具体尺寸取决于文字大小
③ cols
整数
设置多行文本框的显示列数(宽度),即字符数,具体尺寸取决于文字大小
④ disabled
disabled|空值
布尔属性,设置当前文本框为禁用状态
⑤ readonly
readonly|空值
布尔属性,设置当前文本框中的文字为只读,不可更改
⑥ wrap
off|hard|
soft
设置多行文本框中的文字是否自动换行。
off表示不自动换行,这同在Windows“的记事本”中取消“自动换行”功能的性质是一样的,此时会产生水平滚动条。
hard表示
强制换行
,这种换行会在文本区中加入回车或换行字符,并随数据一起发送到服务器。
soft表示
自动换行
,但不以回车或换行字符传送到服务器,这同Windows中“记事本”的“自动换行”功能性质一样。
在现在的浏览器中一般默认为soft
⑦ tabindex
0~32767的整数
按下Tab键时活动项目间的移动(键盘遍历)顺序,从属性值最小者开始移动
⑧ accesskey
任一个文字
指定快捷访问键,Windows下为Alt键加上快捷访问键,Macintosh下为Command键加上此快捷访问键
⑨ 通用属性:id、class、title、style、dir、lang、
xml:lang
⑩ 内在事件:onfocus、onblur、onchange、onselect
nbsp;
示范
<textarea>
…
</textarea>
范例
下面的例子显示了XHTML文件基础结构:
运行
打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素textarea</title>
</head>
<body>
<textarea cols="40" rows="10">
name 控件名称
rows 总高度行数
cols 总宽度列数
disabled 禁用
readonly 只读
tabindex 键盘遍历顺序
accesskey 键盘访问符号
</textarea>
</body>
</html>
参阅
form
select
input
button
fieldset