如何只允许文本框中的某些文本为只读,同时允许编辑其余文本。我正在尝试创建一个允许用户输入文本的文本框,然后在文本框的末尾有一些只读文本(不可编辑)。我怎么能在Javascript / jquery中做到这一点?
例如输入字段:
发送地址
输入您的家庭或公寓号码, ABC Area,XYZ Town
在上面,例如,要求用户提供家庭或公寓号码和 ABC区域,XYZ Town 是预定义值(已在某个阶段提供)。如果我将它们分成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 中查看,但不会影响可编辑的内容。
如果有意义,你可以遵循这样的方法。