虚线表格填充文本块

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>