粘贴到任何文本编辑器和Chrome / IE时如何防止多余的换行?

时间:2017-08-19 03:14:29

标签: javascript html css

我试图让表单按照外观进行复制和粘贴,但是在粘贴到文本编辑器中时会添加多个换行符,更重要的是粘贴到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>

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

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

但它总是出现的原因是:

提交日期:
2017年8月18日

客户名称:
等等等等 帐号:
739842

有没有办法解决这个问题或改变它?当我拿出&lt;从HTML代码开始,它完全改变了布局。有人有提示吗?我一直在寻找答案并试验我能找到的任何信息,但没有任何工作方式我需要它。

谢谢!



编辑1:
固定宽度字体没有解决任何问题,表只消除了其间的额外换行符。


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

结合这两种想法没有太大的影响。

1 个答案:

答案 0 :(得分:0)

从您的代码中,它看起来像文本标签,输入字段应显示在同一行。

检查其他地方是否有任何代码,控制诸如对数等功能

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

备选方案1 - 使用固定宽度的字体,例如Consolas

<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 - 使用table

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