Javascript 当粘贴到任何文本编辑器和Chrome/IE中时，如何防止多余的换行？

我试图得到一个表单，以复制和粘贴它的外观，但它添加了多个换行时粘贴到文本编辑器，更重要的是，到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日
客户名称：诸如此类
账号：739842

但事实总是如此：

提交日期：
2017年8月18日

客户名称：
废话废话

账号：
739842

有没有办法修复或更改它？当我从HTML代码中取出
时，它完全改变了布局。有人有小费吗？我一直在认真地寻找答案，并尝试我能找到的任何信息，但没有任何东西能按我需要的方式工作。

非常感谢。



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

提交日期：
2017年8月18日
客户名称：
废话废话
账号：
739842

---

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

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

检查其他地方是否有任何代码，控制参数宽度等特性

您可以尝试以下备选方案，看看这是否解决了问题

备选方案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>

---

我试了第一种，改变了字体，但什么也没变。我尝试了桌子的想法，但它确实消除了中间的额外休息，不幸的是，这不是我的主要问题：（至少感谢您查看！如果您需要任何其他代码或任何其他内容，或者有任何其他想法，请告诉我！很高兴知道第二个备选方案有效。除非我看到整个html文件，否则很难判断是什么导致了不希望出现的换行

<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>