不可编辑，可删除的textarea部分

我有一个简单的textarea，它有一个默认值。 我想每次都持有这个价值。 用户不应删除此值，但他可以添加额外的字符串。

This is contstant 

如上所述。 它有一个默认值。 我该如何保护这个价值？ 但是用户可以在下面的默认值之后添加一些内容。

 This is contstant and extra things by user 

那么如何使用默认值进行部分可编辑的textarea呢？

Answer 1

您可以将事件处理程序附加到 ，每次更改时都会执行简单的validation。 如果它尝试更改为常量被部分销毁的位置，则覆盖字符串值的X个字符。

 $('#foo').keydown(function () { if ($(this).val().indexOf("This is constant. ") !== 0) { var length = "This is constant. ".length; var current = $(this).val(); var after = current.slice(length); $(this).val("This is constant. " + after); } }); 

这是JSFiddle的一个例子。

我建议使用JQuery，因为实际上没有value ，或者我认为甚至可以检查的text属性。 JQuery只是抽象出的怪癖。

Answer 2

我会这样走：

1. 设置textarea样式以删除边框。
2. 将div放在顶部，其中包含常量文本。
3. 将div两个元素包装在一起以赋予它共同的边框。

这样，常量文本看起来好像是textarea一部分，但事实并非如此。

提交表单时，请将静态文本添加到字段值中。