jquery可以在输入部件中附加图像吗？

我想在输入部分中敲打一个图像。（在输入框中，在值字之后）jquery可以这样做吗？谢谢

$("#click").click(function(){   
$("#text").append("<img class='loading' src='load.gif'/>");
...
});

<form name="form">
<input type="text" id="text">
<a id="click">search</a>
</form>

$（“#单击”）。单击（函数（）{
$（“#文本”）。追加（“”）；
...
});
搜索

您不能在

input type=“text”

元素中插入图像元素。但是，您可以：

• 将图像设置为元素上的背景
• 使用CSS将图像覆盖在其顶部（而不是附加在其内部）

---

您正试图实现这一目标

$("#click").click(function(){   
$("#text").css('background', 'url(load.gif);');
...
});

<form name="form">
<input type="text" id="text">
<a id="click">search</a>
</form>

$（“#单击”）。单击（函数（）{
$（“#text”）.css（'background'，'url（load.gif）；'）；
...
});
搜索

---

我错了吗？
否。

input

元素没有内容。并且该值不能是文本以外的任何内容。您可能可以通过重叠div实现这种效果。@Felix Kling，谢谢，因此可能会使用

位置：绝对

附加一个新div，但很难将图像放在

输入值之后。我需要一个效果，将加载图像放在输入值之后。（一个词，两个词，图像总是在这些词之后）对不起，我需要一个方法在输入中添加一个图像，如果可以的话。使用您的方法，我们可以在（“”）之后使用
$（“#text”），甚至不需要创建跨度。谢谢。好的，现在试试。（答案已更改）它可以是gif，甚至可以是动画。@fish man输入元素中动画gif背景的示例：