Javascript 在输入文本中添加图像

我有一个下面的场景，但我不知道如何添加后跟图像的文本和后跟图像的文本等等。请参考下图，这是一个带值的输入文本

如何使用jquery和css实现这一点

如果可能的话，在js小提琴中显示它

提前感谢

试试这个：

HTML:
<input type="text" name="whatever" id="funkystyling" />

CSS:
#funkystyling {
    background: white url(/path/to/icon.png) right no-repeat;
    padding-right: 17px;
}

HTML：
CSS:
#时髦造型{
背景：白色url（/path/to/icon.png）右无重复；
右边填充：17px；
}

例如：

---

您试过什么吗？

只支持文本内容，不支持图像。任何看起来支持内联图像的实现实际上都不是

，而是一个

或其他样式类似的容器元素。感谢您的快速响应，哟，请参阅此演示：此回复：

：）

您能告诉我如何使用div实现此功能吗？