javascript - 在文本区域中显示页面行

Question

我正在尝试构建一个 HTML5 iPad 应用程序，我想在其中为用户提供一个带有页面行效果的文本区域，以输入他们的详细信息。我该怎么做？

Answer 1

实现此目的的最简单方法是创建一个包含水平线的简单 PNG 图像，并将其用作文本区域的重复背景。

我创建了一个简单的示例:http://jsfiddle.net/r4c2a/1/

一步一步，你应该做的是:

1. 创建一个重复的图案图像。
2. 创建您的文本区域。
3. 使用 CSS 定义图像的行高，使其与您的图案一样高。
4. ???
5. 利润

当然，这只是一个基本示例，您可以根据自己的喜好对其进行样式设置。