Изменить отправить значение кнопки с Javascript - в том числе линии разрыва

Question

Когда я определяю значение кнопки отправки в HTML, я могу вызвать разрыв строки:

<script> 
    function change_value() { 
     if (document.getElementById('click_me').checked) { 
      document.getElementById('next').value='Next'; 
     } else { 
      document.getElementById('next').value='Text with&#13;&#10;line break'; 
     } 
    } 
</script> 

<form> 
    <input id="click_me" type="checkbox" name="click_this" value="1" onclick="change_value()"> 
    <input id="next" type="submit" value="Text with&#13;&#10;line break"> 
</form> 

Перед нажатием на флажок, кнопка отправить выглядит следующим образом :

Но когда я установил, что значение с помощью JavaScript, разрывы строки отображается в виде текста:

Как вставить текст с разрывом строки с помощью JavaScript?

---

Примечание.

Необходимо только в последних версиях Firefox.

Answer 1

В меню характер расслоения плотной линии разрыв \n, который должен быть использован при установке свойства значения

function change_value() { 
 
    if (document.getElementById('click_me').checked) { 
 
    document.getElementById('next').value = 'Next'; 
 
    } else { 
 
    document.getElementById('next').value = 'Text with\nline break'; 
 
    } 
 
}

<input id="click_me" type="checkbox" name="click_this" value="1" onclick="change_value()"> 
 
<input id="next" type="submit" value="Text with&#13;&#10;line break">

Answer 2

More details about Text formatting on this link

document.getElementById('click_me').value='Text with \n line break' 

или

document.getElementById('next').value=`Text with 
    line break`; 

Answer 3

попробовать:

function change_value() { 
     if (document.getElementById('click_me').checked) { 
     document.getElementById('next').value = 'Next'; 
     } else { 
     document.getElementById('next').value = 'Text with \n line break'; 
     } 
    }