2012-01-31 26 views
2

我想在文本字段的默認值內顯示圖片。這是我嘗試過的,但它不起作用。如何在文本字段值中添加img

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

我試圖逃避「但是,這並不工作

回答

4

你需要把圖像作爲元素的背景..

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/

0

爲什麼你想要一個文本字段內的圖片?如果它只是一種裝飾,請使用CSS背景圖像。

相關問題