javascript - 禁用输入框的编辑部分

Question

我知道我可以禁用/锁定输入框的一部分使用

<input type="text" disabled="disabled"/>

或

<input type="text" readonly="readonly"/>

但我想拥有

<input type="text" value="[[inputbox|edithere]]"/>

用户只能编辑edithere

我试图用谷歌搜索这个，但是我能找到的唯一相关内容是如何完全禁用输入框或禁用某些键。

我不知道输入框 id 或有多少(通过 php onload 动态创建)，但我知道它们将始终是一个管道和两个 ]] bookending 值 I想要编辑。

编辑

http://jsfiddle.net/7rTMK/

Answer 1

您无法通过仅操纵属性的股票输入来做到这一点。

但是你可以用 css 和一些额外的标记来模拟这个:

<div class="wrapper">
    <div class="static text">static text</div>
    <input class="text" type="text" />
</div>

将“静态文本”div 放在输入的顶部，并向输入文本添加左填充。

示例 http://jsfiddle.net/MTEec/