textarea中多出了好多空格

本文探讨了一个关于在HTML中使用<textarea>元素时遇到的问题:在编辑过程中无故添加额外空格的现象。通过对比添加和编辑文本时的不同代码实现,发现了问题根源在于<textarea>标签之间的换行符被误读为值的一部分。

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

我在一个textarea中添加文本的时候,没有添加空格,但是在编辑该textarea的时候,去多出了很多空格,而且每编辑一次,就多出来一些空格,虽然在编辑textarea的时候多出了很多空格,但是在页面中信息展示该字段的时候,是没有展示这些空格。

添加textarea信息代码:

<textarea rows="5" name="remark" placeholder="输入备注"></textarea>

编辑textarea信息代码:

<textarea rows="5" name="remark">
    <%= data[0].remark %>
</textarea>

也许大家看出来这2段代码的区别了,就是编辑信息的代码不同,经过测试,问题也就出现在了这里,<textarea>和</textarea>之间出现的空格,都会被当作<textarea>的值在html中展现出来,这也就是为什么每编辑一次,就多出来了一些空格。找到了问题所在,也就好改了,只要把<textarea>和</textarea>写在一行就可以了。

<textarea rows="5" name="remark"><%= data[0].remark %></textarea>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值