如何在文本字段值中添加img

Question

我想在文本字段的默认值内显示图片。这是我尝试过但它不起作用。

<input type="text" value="<img src="../images/left_arrow.gif" />Word" />

我试图逃避“但这不起作用

Answer 1

你需要将图像作为元素的背景..

<强> HTML

<input type="text" class="with-default" value="Word" />

<强> CSS

input.with-default{
   background: url('../images/left_arrow.gif') 0 0 no-repeat;
}

---

或者，如果您对实际箭头外观很灵活，可以使用unicode字符显示箭头，即⇐

了解更多unicode箭头：http://www.alanwood.net/unicode/arrows.html

演示：http://jsfiddle.net/6GyVM/

Answer 2

为什么要在文本字段中放置图片？如果它只是一种装饰，请使用CSS背景图像。

Answer 3

这是针对asp.net的

http://www.bitrepository.com/how-to-add-a-stylish-icon-into-a-form-text-box.html