Question

我试图在输入的value属性中包含一个img标记。我想使用jquery这样的东西：

<input type="text" value="Lorem Impsum <img src='...'/>" />

我已经尝试过了：

jQuery(document).ready(function() { 
     productinput = jQuery('input[value=product]');
     productinput.val(data.selectedData.value + '<img style="width:128px" src="' + data.selectedData.imageSrc + '" />');
});

但它不起作用。那么，有谁知道我怎么做到这一点？

注意：它是值内的图像。

Answer 1

您应该将类型设置为图像。

<input type="image" name="image" src="image.png" width="50">

尝试阅读doc：Mozilla documentation input/image

Answer 2

您可以通过将图像作为元素的背景来设置图像

例如

HTML

<input type="text" value="Lorem Impsum" class="default" />

CSS

input.default{
       background: url('../images/any.jpg') 0 0 no-repeat;
    }

您可以在文档就绪时使用jquery设置元素的css。

Answer 3

尝试使用属性＆＃34; contenteditable＆＃34;在div上

<div contenteditable> Lorem ipsum.. <img src='..'> </div>

在输入值中设置图像

3 个答案: