表单元素输入值中的换行符答案

【问题标题】：line breaks in form element input value表单元素输入值中的换行符
【发布时间】：2017-08-02 07:19:39
【问题描述】：

我正在尝试向input-元素的值添加换行符（又名换行符）。 &NewLine;、&#10;、&#13; &#10; 和 \n 不工作；一切都在一条线上。

在解决我的问题的其他问题中，我还没有找到这个问题的答案。提前致谢。

【问题讨论】：

【解决方案1】：

使用<br> 换行，见下文

<input type="radio" name="table" value="info">Info<br>

【讨论】：

【解决方案2】：

HTML input 元素、text 或类似的类型（例如 email）会刻意删除所有换行符，因此这是行不通的。

唯一可以接受换行符的表单元素是textarea。

顺便说一句，Clipboard.js 通过创建一个虚拟的 textarea 元素来发挥它的魔力。

【讨论】：

【解决方案3】：

我实际上并不认为您可以为这些类型的表单元素设置换行符。您可能必须使用允许文字换行符的<textarea> 标签：

<textarea id="multiliner" name="multiliner">line1
line2
line3</textarea>

【讨论】：

我有点仓促，并没有提到我只能使用与 Clipboard.js 一起使用的元素，并且不会强制出现不连续的错误。但是，<input> 和 <textarea> 都可以很好地与 Clipboard.js 配合使用，<textarea> 可以很好地配合换行 html 实体。非常感谢您的帮助。