在輸入值中設置圖像

我想在輸入的值屬性中包含一個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 + '" />'); 
});

，但它不工作。那麼，有沒有人知道我該怎麼做？

注意：它是一個值內的圖像。

來源

2016-01-27 Kelyane

爲什麼你需要使用這樣的圖像？ –

我會說這不是有效的HTML？ – mnille

'img'標籤不會被解析，**它是這個上下文中的一個字符串**。所以除非你想把這個輸入的值發送到服務器並保存在某個地方，否則你不能這樣做 –

您可以通過將圖像作爲元素

的背景例如

HTML

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

CSS設置圖像

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

您可以在文檔準備就緒的情況下使用jquery設置元素的CSS。

來源

2016-01-27 11:14:42

嘗試使用屬性「CONTENTEDITABLE」上一個div

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

來源

2016-01-27 11:04:25

您應該設置類型圖像。

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

嘗試讀取DOC：Mozilla documentation input/image

來源

2016-01-27 11:11:05 Bato

在輸入值中設置圖像

回答

相關問題