这几天在写一个网站,发现所有的textarea在显示内容时都有空格,在调试的时候本来后台传过来的内容长度为30,结果显示时变成了40! 非常不解。
最后经过尝试发现原来是<textarea>${xxx}</textarea> 标签之间不能换行,不然就会有空格出现。 以后要谨记这一点了!
在copy出来后也可以发现,确实有换行 :D
最后经过尝试发现原来是<textarea>${xxx}</textarea> 标签之间不能换行,不然就会有空格出现。 以后要谨记这一点了!
<textarea style="width:600px; resize: none;" cols="80" rows="10" name="feedbackContent" readonly="readonly" id="feedbackContent">
${issue.feedbackContent}
</textarea>
<textarea style="width:600px; resize: none;" cols="80" rows="10" name="feedbackContent" readonly="readonly" id="feedbackContent">${issue.feedbackContent}</textarea></td>
在copy出来后也可以发现,确实有换行 :D
本文讲述了在使用HTML的textarea标签过程中遇到的一个小陷阱:即在标签内部如果存在换行或者多余的空格,这些空白字符会被浏览器解析并显示出来,导致实际显示内容与预期不符的情况。

658

被折叠的 条评论
为什么被折叠?



