是否可以在html的文本字段中显示图像?

时间:2012-05-22 03:58:33

标签: javascript jquery html css web

我们可以在html的文字字段中显示图片吗?

修改

我想要的是拥有一个editable区域,并希望在其中添加html个对象(即按钮,图像..等)

2 个答案:

答案 0 :(得分:15)

文字字段中的图片:

您可以使用CSS。

看一下这个例子:

http://jsfiddle.net/oscarj24/zy7YP/1/

<强> CSS:

.icon {
    background:#FFFFFF url(http://icons.iconarchive.com/icons/gakuseisean/ivista-2/16/Start-Menu-Search-icon.png) no-repeat 4px 4px;
    padding:4px 4px 4px 22px;
    height:18px;
}​

<强> HTML:

<input type="text" name="sample" class="icon">​

根据你的帖子编辑,也许这有帮助。

内置对象的可编辑区域:

http://jsfiddle.net/oscarj24/VSWNX/

答案 1 :(得分:0)

如果你想要它使用HTML我想更好的方法是将图像保持在表单元素旁边然后使用css position:relative属性将它放在文本字段中。不优雅但在大多数情况下都有效。