.val（）按钮没有按预期工作。输入[类型=按钮]

Question

我刚尝试创建一个包含多行文字值的按钮

<input type="button" value="Carriage&#13;&#10;return&#13;&#10;separators" style="text-align:center;">

上面的代码works，但是当我尝试使用jquery设置值时，它不起作用，输入的值已按原样呈现。当我们通过HTML设置值时，我们如何渲染输入的文本。？

JS：

$('input').val('Carriage
return');

NON WORKING DEMO

Answer 1

您提供的字符串val不是HTML，而是JavaScript字符串。要使用回车符和换行符，请使用\r和\n：

$('input').val('Carriage\r\nreturn');

Updated Fiddle

相比之下（并且很多人都错过了这个，对此感到荣幸），HTML中属性中的文本是HTML文本，因此您可以（有时必须）在那里使用字符实体。

Answer 2

在将新字符串放入输入时使用\n表示新行

的jsfiddle： http://jsfiddle.net/nLf9deb0/

Answer 3

试试这个：

$('input').val('Carriage\r\nreturn');

Answer 4

尝试以下代码：

$('input').val('Carriage\r\nreturn');

演示： -

http://jsfiddle.net/vjf4ctjg/6/