如何连接文本框末尾的一些只读文本?

时间:2017-07-05 08:13:09

标签: javascript jquery textfield input-field

如何只允许文本框中的某些文本为只读,同时允许编辑其余文本。我正在尝试创建一个允许用户输入文本的文本框,然后在文本框的末尾有一些只读文本(不可编辑)。我怎么能在Javascript / jquery中做到这一点?

例如输入字段:

发送地址

输入您的家庭或公寓号码 ABC Area,XYZ Town

在上面,例如,要求用户提供家庭或公寓号码和 ABC区域,XYZ Town 是预定义值(已在某个阶段提供)。如果我将它们分成2,大多数用户将其完整地址放在文本字段中,从而导致数据重复。我需要避免这种重复。

先感谢工厂的帮助。

2 个答案:

答案 0 :(得分:1)

对于这种情况,您无法做出解决方案。

为了获得更好的用户体验,我建议您将可编辑文本放在文本框中,将不可编辑的文字放在标签中。 In将有助于不让用户感到困惑。

答案 1 :(得分:0)

我会用以下方式做。

我会创建两个文本框:
- text_box_1 - ABC区域
- text_box_2 - XYZ Town //但不可见(style =" display:hidden")
使用jQuery的 text_box_2 的内容我会填充位于 text_box_1 上方的绝对元素,该元素会在 text_box_1 中查看,但不会影响可编辑的内容。

如果有意义,你可以遵循这样的方法。