textarea in Html

最新推荐文章于 2021-09-13 22:31:11 发布

原创最新推荐文章于 2021-09-13 22:31:11 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textarea

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML中的textarea标签的使用方法，包括如何处理空格、实现换行及使用NCR码解决特殊问题等内容。

html中的textarea标签是用来显示多行text的使用场景的。一般情况下，我们只要用input标签，然后指定一个type="text",就是作为一个正常的输入框，但是这种情况就只是支持单行的文字输入，并不支持换行的输入,甚至在html3的规范中直接。

有一个比较有意思的问题是，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