在文本区域中显示页面行

Show page lines in a textarea

本文关键字:显示 文本 区域      更新时间:2023-09-26

我正在尝试构建一个HTML5 iPad应用程序,我想为用户提供一个文本区域,其中包含页面行之类的效果,以输入其详细信息。我该怎么做?

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

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

一步

一步,你应该做的是:

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

当然,这只是一个基本的例子,你可以以任何你想要的方式设置它的外观。

background-image for textarea?例如:http://css-tricks.com/creating-a-nice-textarea/

这类问题已经在如何在texarea中显示线条以使其看起来像记事本?

和::CSS 样式文本区域,如笔记本外观

请参考它们