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 |
---|---|---|---|
cols | number | 规定文本区内的可见宽度。 | STF |
rows | number | 规定文本区内的可见行数。 | STF |
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.属性 | 值 | 描述 | DTD |
---|---|---|---|
disabled | disabled | 规定禁用该文本区。 | STF |
name | name_of_textarea | 规定文本区的名称。 | STF |
readonly | readonly | 规定文本区为只读。 | 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>
就可以了。
相关文章推荐
- 如何在<textarea>标签中使用并解析HTML标签
- HTML中的多行输入框:<textarea>标签、cols属性、rows属性。
- HTML标签<frame>使用
- html中<base>标签的使用,和简介
- Android UI设计之<六>使用HTML标签,实现在TextView中对部分文字进行加粗显示
- <html:select>,<html:option>,<html:options>,<html:optionsCollection>标签使用
- HTML <textarea> 标签
- js 笔记 第一章在html中使用<javascript>标签 以及 html文档模式
- HTML<textarea>标签的空格的问题
- HTML中<a>标签的target属性--在使用frame框架做网页时可用到
- js 笔记 第一章在html中使用<javascript>标签 以及 html文档模式
- 使用java正则表达式过滤HTML ,获取<body>标签中的内容解决思路
- 去掉<textarea>中的html标签
- Html中<Hr>标签、样式的使用和自定义设置
- JN项目-HTML<textarea>标签
- HTML <textarea>标签
- html模板实现银幕滚动效果<marquee>标签使用
- HTML中让图片滚动的<marquee>标签的使用方法
- html的锚标签<a>中使用javascript代码
- 使用<yield>标签来包含内部HTML