在输入文本中添加图像

Question

我有以下场景，但我不知道如何添加文本，然后是图像和文本，后跟图像，依此类推。请参考下图，这是一个值为

的输入文本

我如何使用jquery和css实现这一目标？

如果可能，请在js小提琴中显示

提前致谢

Answer 1

试试这个：

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

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

实施例： http://jsfiddle.net/markom/5Ayx7/