<span contenteditable =“”>不像<input />那样工作（换行符）

Question

我有this JSFiddle我使用<span>使用属性contenteditable，而不是<input>。
我尝试将输入内容设为内联是{ {1}}，可以防止在按Enter键时断行。

问题是，我仍然可以使用换行符粘贴文本。另外，如果我按回车键，我的占位符就会消失。

HTML

br{display:none}

CSS

<span id=title>House</span>
<table>
  <tr class=background>
    <td><span>Length</span></td><td><span>Height</span></td>
  </tr>
  <tr>
    <td><span class=input contenteditable placeholder=15 style=width:28px></span><span class=red>m²</span></td>
    <td><span class=input contenteditable placeholder=10 style=width:28px></span><span class=red>m²</span></td>
  </tr>
</table>