javascript – 强制textarea输入以默认文本开头[复制]

参见英文答案 > HTML/JavaScript: How to make default text of a <textarea> undeletable?3个
我有一个textarea(或可编辑的DIV)输入,我总是希望以默认文本开头并且用户无法编辑.例如：

文本框始终以默认值开头：我的名字是

用户可以并且需要添加他们的名字,例如：我的名字是David

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

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

解决方法

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

http://jsfiddle.net/eAW2U/

或者如果你想要它们在同一条线上(这只能用于文本框,而不是文本框,你可以浮动它们)

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

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