.val()在使用按钮时未按预期工作.input[类型=按钮]

Question

我刚刚尝试创建一个具有多行文本值的按钮，

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

上面的代码是有效的，但是当我尝试使用jquery设置值时，它不起作用，输入的值已经按原样呈现。我们如何在通过HTML设置值的同时，将输入的文本呈现为相同的文本。？

JS:

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

非工作演示

Answer 1

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

$('input').val('Carriagernreturn');

更新的Fiddle

相比之下（很多人都错过了这一点，值得称赞），HTML中属性内的文本是HTML文本，因此您可以（有时也必须）在那里使用字符实体。

Answer 2

将新字符串放入输入时，将n用于新行

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

Answer 3

试试这个：

$('input').val('Carriagernreturn');

Answer 4

尝试以下代码：

$('input').val('Carriagernreturn');

演示：-

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