占位符中的兩種不同文本樣式

Question

是否可以在輸入框占位符中使用兩種樣式？

以下是我正在尋找的一個例子： http ： //i.imgur.com/uQ3zf.png

Answer 1

選項將使用具有文本的背景圖像，或使用帶有文本的元素疊加或將文本放在輸入上。

這是一個簡單的演示，它將文本置於輸入后面並將其隱藏在焦點上

http://jsfiddle.net/GRsQc/1/

Answer 2

一種解決方案是將文本放在輸入字段上，顯然它可以按照您的示例設置樣式，並在選擇文本字段時使用jquery或javascript隱藏文本。 如果你想提供一些代碼我可以更具體。