【问题标题】:How to get rid of the additional line in <textarea> element如何摆脱 <textarea> 元素中的附加行
【发布时间】:2013-03-28 23:31:44
【问题描述】:

在 textarea 元素和 pre 元素中显示相同的内容时,结果会有所不同。 textarea 比 pre 多了一行。

<textarea>Hello</textarea>
<pre>Hello</pre>

示例:http://jsfiddle.net/45XkC/

也就是说,如果我将内容保存在 textarea 中并再次在 textarea 中重新加载,它总是会比以前的版本多一行。

如何去掉文本区域中的附加行,使显示与前置元素相同?

更新:内容不固定,文本区域可重新调整大小。问题等于为什么textarea比pre多了一行,前端有什么办法去掉?

【问题讨论】:

  • 由于&lt;textarea&gt; 内容是通过AJAX 保存和加载的,您需要添加有关如何处理的详细信息。您确定保存和重新加载没有在某处添加回车吗?演示也会使这更容易理解。
  • 感谢您的不断回复。我认为 AJAX 没有任何问题。我已将问题更新为更清晰,但目前无法创建演示。

标签: html textarea


【解决方案1】:

添加rows 属性如

<textarea rows="1">Hello</textarea>

将指示浏览器仅呈现 1 行。

【讨论】:

  • 我需要更改并保存textarea的内容,但是当我重新加载时,它总是比以前的版本多一行。
  • 您如何保存和重新加载&lt;textarea&gt; 内容? &lt;textarea&gt; 值是如何设置的?
  • 使用 Ajax 保存并在刷新页面时重新加载。设置 textarea 的值而不是设置内容是否重要?
  • 对不起,我指的是内容。通过 AJAX 发送的 &lt;textarea&gt; 内容是否正确?内容是否正确持久化?
  • 是的,
     中的内容显示正确,但 会因为"hello\r\n",重新加载后会变成
猜你喜欢
  • 2019-03-22
  • 1970-01-01
  • 2021-09-01
  • 2014-05-08
  • 2021-04-30
  • 1970-01-01
  • 2015-01-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多