如何仅将文本框中的某些文本设为只读，同时允许编辑其余文本。我正在尝试制作一个允许用户输入文本的文本框，然后在文本框的末尾有一些只读文本(不可编辑)。如何在 Javascript/jquery 中执行此操作？
例如输入字段：
收货地址
输入您的家庭或公寓号码，ABC 区，XYZ 镇
在上面，例如要求用户提供家庭或公寓号码和ABC区域，XYZ镇是一个预定义的值(已经在某个阶段提供)。如果我将它们一分为二，大多数用户将它们的完整地址放在文本字段中，从而导致数据重复。我需要避免这种重复。
提前感谢磨坊的帮助。
在这种情况下，您没有可能的解决方案。
为了获得更好的用户体验，我建议您在文本框中放置可编辑的文本，将不可编辑的单词放在标签中。将有助于不让用户感到困惑。
我会通过以下方式做。
我会创建两个文本框：- text_box_1 -
ABC 区域和 -
text_box_2 - XYZ 镇//但不可见(样式="显示：隐藏")
使用 jQuerytext_box_2的内容我会填充一个 Absolute 元素，其位置位于text_box_1上方，该元素将查看text_box_1内部，但它不会影响可编辑的内容。
如果有意义，您可以遵循这种方法。