将可单击区域添加到输入框的末尾

Question

以下是我正在处理的代码：

http://jsfiddle.net/5yEGX/

我想在这个文本框的末尾添加一些内容，例如，两个字母和一个图像到字段的末尾，如“UK”，这个额外的区域可以点击作为链接。

这样做的正确方法是什么？

Answer 1

正如@SvenBieder在评论中提到的那样，你可以通过将输入字段和锚点放在包装元素中并相应地定位/设置它们来实现这一点。

http://jsfiddle.net/5yEGX/5/

Answer 2

Joe的解决方案是最好的方法，但为了完整性我在文本区域使用绝对定位div提供另一种解决方案，它使用一些jquery来收集文本区域宽度并相应地定位叠加层，请参阅{{3 }。

<强>更新
使用填充右侧更新了演示，因此文本无法到达绝对定位元素（英国+图像）。

此致