标签 textarea的坑

宸0313

于 2019-11-21 09:58:39 发布

阅读量419

点赞数

分类专栏：前端文章标签： html

版权

7 篇文章

订阅专栏

本文探讨了在使用HTML的textarea标签时遇到的文本框左侧出现多余空格的问题。主要原因是由于在<textarea>标签内不当使用换行和空格导致。文章详细解释了这一现象，并提供了正确的代码书写方式，避免此类问题的发生。

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

最近在使用textarea标签时发现文本框左侧一直多出很多的空格，后经查验发现是因为在代码中使用了换行符，代码中如果写成以下形式的代码就会出现如图所示的问题

  <textarea name="receiveNote" id="receiveNote" style="width: 512px;height: 120px">
   ${feedback.receiveNote!}
  </textarea>

出现这个问题的主要原因是因为textarea标签的属性问题，在标签<textarea></textarea>之间不可以“换行”、“空格”；否则输入框会不能靠左输入，存在大量空格；

主要原因就是因为<textarea></textarea>之间是标签的值，所以之间的“换行”、“空格”都包含到内容中；

所以，正确的书写形式如下所示

<textarea name="receiveNote" id="receiveNote" style="width: 512px;height: 120px">${feedback.receiveNote!}</textarea>