Question

我的页面上有一个文本框来接受用户输入，我希望在文本框中只显示几行作为提示。例如，

(read-only) Begin Input Category: User
....
....
....
....
(read-only) End Input Category: User

使用jQuery或CSS中的一些技巧是否可以实现这一点？

Answer 1

不，您不能将文本框的各行都只读。

但是，您可以在变量中保留原始文本的单独副本，并且每次用户键入文本框时进行比较，如果他们触摸了只读部分，请将其修复，但这很可能容易出错

更好的选择更像是主页如何工作，主模板定义用户可编辑区域，并为用户提供输入这些用户定义区域的位置（单独的文本框？XML提交的文本？），然后您可以渲染合并视图

Answer 2

我相信不可能。尝试使用只读行放置2个标签，在顶部和底部的文本框旁边，边距为0，顶部标签的底部边框为0，底部标签的顶部边框为0，文本框的顶部和底部边框为零。标签和文本框的长度应相等。这可能会让人觉得文本框的顶部和底部行只读。发布表单时使用javascript发布顶部标签+文本框+底部标签的数据组合。

或者，您最多可以显示上面显示的文本，当用户将光标输入文本框然后删除文本。再次，当他移出光标（焦点文本框），然后检查文本框是否为空，如果为空则然后放回该文本。在提交表单时，您可以将文本追加并添加回文本框数据（如果不存在）。

Answer 3

如何使用wartermark或类似技术使水印停留（相对于文本框处于焦点时消失）但只读？