textarea in Html

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值