Question

我希望在附加代码后打破这一行。例如：

string1= abc
string2= 123

我将附加信息作为abc 123。但我希望它为

ABC

123

  <input name="string1" >    
 <input name="string2" ><p>    
 <input name="showMeArea" readonly="true"><br>    
 <input type="button" value="Combine Strings"    
 OnClick="showMeArea.value= string1.value + ' ' +string2.value;"></p>

Answer 1

要在Javascript中插入换行符，只需插入\ n

即可

showMeArea.value = string1.value +＆＃39; \ n＆＃39; + string2.value;

Answer 2

只需添加新行标志\ n

OnClick="showMeArea.value= string1.value + '\n' +string2.value;

还要注意：你应该使用textarea。输入字段无法显示多行文字

Answer 3

您可以使用转义符，例如\n，也可以使用<br>。 br是HTML和\ n中的换行符，在Javascript中。

Answer 4

您不能使用<input>（默认值）将换行符插入type=text元素的值，因为根据定义，单行输入。如果您尝试在其中插入\n，浏览器会将其删除。你需要使用例如而是textarea元素。此外，通过将name属性值用作变量标识符来引用元素的代码已过时，并且在许多现代浏览器中不起作用。

以下作品：

＆＃13;

<input name="string1" id="string1">    
<input name="string2" id="string2"><p>    
<textarea name="showMeArea" id="showMeArea" readonly="true"></textarea><br>    
<input type="button" value="Combine Strings"    
OnClick="document.getElementById('showMeArea').value =
  document.getElementById('string1').value + '\n' +
  document.getElementById('string2').value;"></p>

＆＃13;

Answer 5

你可以使用

<script>
function combine() {
   var s1 = document.getElementById("string1").value
   var s2 = document.getElementById("string2").value
   document.getElementById("showMeArea").value = s1 +"\n\n" + s2
   document.getElementById("showMeAreaHtml").innerHTML = s1 +"<br><br>" + s2
}
</script> 
<input name="string1" id="string1">     
<input name="string2" id="string2">
<input type="button" value="Combine Strings" onclick="combine()">
<br>
<textarea name="showMeArea" id="showMeArea" readonly="true" rows="5" cols="20"></textarea>
<p id="showMeAreaHtml"></p>

注意：使用document.getElementById是更多的跨浏览器，然后只有name.value; 将.value用于输入和textarea，.innerHTML用于其他html元素

打破onClick内的行（HTML）

5 个答案: