javascript - 在粘贴到任何文本编辑器和 Chrome/IE 时，如何防止过多的换行符？

Question

我正在尝试让一个表单按照它的外观进行复制和粘贴，但它在粘贴到文本编辑器中时添加了多个换行符，更重要的是，粘贴到 outlook 中时。

例。 HTML

<form id="TLM">
  <h1>Loan Modification Template</h1>
  <p>Date Submitted: <input type="text"/><br>
    Client Name: <input type="text"/><br>
    Account Number: <input type="text"/>
  </p>
</form>

现在，我希望它像这样粘贴:

提交日期:2017 年 8 月 18 日
客户名称:blah blah
帐号:739842

但结果总是这样:

提交日期:
2017/08/18

客户名称:
等等等等

帐号:
739842

有什么办法可以解决这个问题或改变它吗？当我从 HTML 代码中取出 < br > 时，它完全改变了布局。有人有提示吗？我一直在认真地寻找答案并试验我能找到的任何信息，但没有任何东西能按我需要的方式工作。

谢谢你!



编辑 1:
固定宽度字体没有解决任何问题，表格只是去掉了中间的额外换行符。
例如

提交日期:
2017/08/18
客户名称:
呜呜呜
帐号:
739842

结合这两种想法没有额外的效果。

Answer 1

从您的代码来看，文本标签和输入字段确实应该显示在同一行中。

检查其他地方是否有代码，控制para width等功能

您可以尝试以下替代方案，看看是否能解决问题。

备选方案 1 - 使用固定宽度的字体，例如控制台:

<h1>Loan Modification Template</h1>
<form id="TLM" style="font-family: Consolas;">
  <p>Date Submitted: <input type="text"/><br/>
    Client Name&nbsp&nbsp&nbsp: <input type="text"/><br/>
    Account Number: <input type="text"/>
  </p>
  <input type="submit">
</form>

备选方案 2 - 使用表格:

<h1>Loan Modification Template</h1>
<form id="TLM">
  <table>
    <tr>
      <th>Date Submitted:</th><th><input type="text"/></th>
    </tr>
    <tr>
      <th>Client Name</th><th><input type="text"/></th>
    </tr>
    <tr>
      <th>Account Number:</th><th><input type="text"/></th>
    </tr>
  </table>
  <input type="submit">
</form>