textarea in Html 博客分类: HTML textarea
程序员文章站
2024-03-13 14:07:39
...
html中的textarea标签是用来显示多行text的使用场景的。一般情况下,我们只要用input标签,然后指定一个type="text",就是作为一个正常的输入框,但是这种情况就只是支持单行的文字输入,并不支持换行的输入,甚至在html3的规范中直接。
有一个比较有意思的问题是,textarea的对于空格的严格控制,在一个textarea的显示框中,如果你有空格,那么他就是会直接体现的显示上。
例如:
必须要求<textarea>与</textarea>之间是没有任何whitespace的,当然啦,如果不这么做也可以指定css来帮助去掉空格:style="white-space: normal",这样显示的效果中,也将不会有空格。
2. 第二种应用的场景是要在textarea中做换行的操作,如果直接用<br/>,浏览器是不能正确解析这个html标签的,他会把<br/>直接作为内容显示出来。
此处可以引用NCR码来解决这个问题。NCR=numeric character reference即数字字符引用。
https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
有一个比较有意思的问题是,textarea的对于空格的严格控制,在一个textarea的显示框中,如果你有空格,那么他就是会直接体现的显示上。
例如:
<textarea name="auditTrails" id="auditTrails" rows="20" cols="175" readonly title="Audit Trail Details"><c:forEach var="auditTrail" items="${VolckerAuditForm.auditTrails}"><c:out value="${auditTrail}" /> </c:forEach></textarea>
必须要求<textarea>与</textarea>之间是没有任何whitespace的,当然啦,如果不这么做也可以指定css来帮助去掉空格:style="white-space: normal",这样显示的效果中,也将不会有空格。
2. 第二种应用的场景是要在textarea中做换行的操作,如果直接用<br/>,浏览器是不能正确解析这个html标签的,他会把<br/>直接作为内容显示出来。
此处可以引用NCR码来解决这个问题。NCR=numeric character reference即数字字符引用。
https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
推荐阅读
-
textarea in Html 博客分类: HTML textarea
-
html之table之多个tbody 博客分类: 元素 htmltabletbodymutiple多个
-
HTML&CSS基础学习笔记1.18-表格的边框 博客分类: HTML border表格边框table
-
Html的DIV,CSS基础 博客分类: divHtmlcss
-
Html的DIV,CSS基础 博客分类: divHtmlcss
-
CSS2 2 常用属性 博客分类: HTML与CSS 属性css
-
HTML特殊字符ASCII编码 博客分类: javaJ2EE htmlASCII
-
JSP输出HTML时产生的大量空格和换行的去除方法 博客分类: JavaScript jsphtml空格换行
-
HTML Input textaera保留空格和换行 博客分类: HTML htmlinput换行空格textarea
-
[Pro HTML5 Programming] 绘制栅格图 Canvas API 博客分类: HTML5