虚线表格填写文本块

Question

我试图用HTML模仿以下文字样式：

这是Microsoft Word的样式功能，可以使用Tab Fills设置。

这是我迄今为止所取得的成就：

.legalese .paragraph:after {
  content: "------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------"; 
  width: 100%;
  height: 20px; 
  overflow: hidden; 
  display: block; 
  position: relative;
  top: -20px;
  z-index: -1;
  color: blue;
}

这不是一个好的解决方案（对于什么是值得的，这就是我遇到这个问题）。

我检查了这样的引用：

http://jsfiddle.net/FpRp2/171/ - 关闭，但不支持多行文字

有什么想法吗？谢谢！

其他信息

• 虚线填充不适用于输入。出于法律原因，这些类型的文档不得包含任何可写空格（手动或通过打印）。这个想法是为了彻底解决这一切。

Answer 1

是contenteditable属性您要找的是什么？

http://jsfiddle.net/FpRp2/172/

span {
    border-bottom: 1px dashed #333;
}

使用：

<span contenteditable> &nbsp;&nbsp;&nbsp; </span>