您的位置:首页 > Web前端 > HTML

html <textarea>标签的使用

2013-02-18 15:52 567 查看

定义和用法

<textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。

注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。
提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。有关 wrap 属性的详细信息

实例

<textarea rows="3" cols="20">
在w3school,你可以找到你所需要的所有的网站建设教程。
</textarea>

亲自试一试

HTML 与 XHTML 之间的差异

NONE

必需的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性描述DTD
colsnumber规定文本区内的可见宽度。STF
rowsnumber规定文本区内的可见行数。STF

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性描述DTD
disableddisabled规定禁用该文本区。STF
namename_of_textarea规定文本区的名称。STF
readonlyreadonly规定文本区为只读。STF

标准属性

id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

如需完整的描述,请访问标准属性

事件属性

onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown,
onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup


注意:标签内容自动换行设置:

启动自动换行功能(word wrapping),请将 wrap 属性设置为 virtual 或 physical。


wrap="virtual" 将实现文本区内的自动换行,以改善对用户的显示,但在传输给服务器时,文本只在用户按下 Enter 键的地方进行换行,其他地方没有换行的效果。
wrap="physical" 将实现文本区内的自动换行,并以这种形式传送给服务器,就像用户真的那样键入的。因为文本要以用户在文本区内看到的效果传输给服务器,因为使用自动换行是非常有用的方法。

style="word-wrap : break-word;"

例如:

<textarea bofid="importLog" name="tipMsg" cols="178" value="" rows="17" readonly id="_tipMsgImportTest" wrap="virtual" style="word-wrap : break-word;">

</textarea>

就可以了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: