7

我有一个文本区域(或可编辑的 DIV)输入,我总是想以默认文本开头,并且用户不可编辑。例如:

文本框总是以默认值开头:My name is

用户将能够并且被要求添加他们的姓名,例如:My name is David

他们将无法删除My name is默认文本。理想情况下,如果用户单击该默认文本上的任何位置,光标将跳到该文本的末尾,因此他们甚至没有机会尝试键入某些内容,除非在默认值之后。退格也是如此,My name is无法删除默认文本 ( )。

有什么建议么?我有能力使用 Javascript/Jquery。

4

1 回答 1

0

为什么不在文本区域旁边贴一个标签(即:span)并设置样式,使它们看起来像是一个文本区域。只需将它们排成一行,并使用 css 在它们后面设置背景图像(或 css 边框)来创建文本区域的外观。然后也使用 css 关闭 textarea 的正常边框。应该相当容易编码。棘手的部分只是让它的样式正确。如果您不介意文本在不同的行上,您可以这样做(来自另一篇文章):

http://jsfiddle.net/eAW2U/

或者,如果您希望它们在同一行(这仅适用于文本框,而不是文本区域,您可以浮动它们

<div style="float:left">etc...

或者,您可以使用 keypress/keyup 事件来检查并查看按键是否最终会更改整个文本的开头,如果是则取消它。

于 2013-06-10T20:24:17.050 回答