强制textarea输入以默认文本开头

Question

我有一个textarea(或可编辑的DIV)输入,我总是希望以默认文本开头并且用户无法编辑.例如:

文本框始终以默认值开头: My name is

用户可以并且需要添加他们的名字,例如: My name is David

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

有什么建议？我有能力使用Javascript/Jquery.

Answer 1

为什么不直接在文本区域旁边贴一个标签（即：span）并设置其样式，使它们看起来像是一个文本区域。只需将它们对齐并使用 css 在它们后面设置背景图像（或 css 边框）即可创建文本区域的外观。然后也使用 css 关闭文本区域的正常边框。应该相当容易编码。棘手的部分就是正确地设计它的样式。如果您不介意文本位于不同的行，您可以这样做（来自另一篇文章）：

http://jsfiddle.net/eAW2U/

或者，如果您希望它们位于同一行（这实际上仅适用于文本框，不适用于文本区域，您可以将它们浮动

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

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