Javascript 如何在文本框的末尾连接一些只读文本？

如何在允许编辑其余文本的同时，使文本框中的部分文本只读。我试图创建一个文本框，允许用户输入文本，然后在文本框的末尾有一些只读文本（不可编辑）。如何在Javascript/jquery中实现这一点

输入字段的示例：

送货地址

输入您的住宅或公寓号码，XYZ镇ABC区

在上述示例中，要求用户提供住宅或公寓号码，并且ABC区域、XYZ镇是一个预定义值（在某个阶段已经提供）。如果我把它们一分为二，大多数用户会将它们的完整地址放在文本字段中，导致数据重复。我需要避免这种重复

---

提前谢谢你的帮助。

我会按照以下方式做

我将创建两个文本框：
-文本框1-ABC区域和
-text_box_2-XYZ Town//但不可见（style=“display:hidden”）
文本框2的内容通过使用jQuery I将填充一个绝对元素，其位置位于文本框1上方，该元素将查看文本框1的内部，但不会影响可编辑内容

---

如果有道理，您可以采用这种方法。

对于这种情况，您没有可能的解决方案

---

为了获得更好的用户体验，我建议您将可编辑文本放在文本框中，将不可编辑的单词放在标签中。在中，将有助于避免用户混淆。

以您描述的方式，这是不可能的。文本框的值可编辑或不可编辑，不能进行部分混合。解决方案是有两个框，一个可供用户编辑，另一个为只读，具有所需的值。