占位符中的两种不同文本样式

时间:2012-10-12 23:48:24

标签: javascript jquery css html5

输入框占位符中是否可以有两种样式?

这是我正在寻找的一个例子: http://i.imgur.com/uQ3zf.png

2 个答案:

答案 0 :(得分:3)

选项将使用具有文本的背景图像,或者使用带有文本的元素叠加或将文本放在输入上。

这是一个简单的演示,它将文本置于输入后面并将其隐藏在焦点上

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

答案 1 :(得分:0)

一种解决方案是将文本放在输入字段上,显然可以将其设置为您的示例样式,并在选择文本字段时使用jquery或javascript隐藏文本。如果你想提供一些代码我可以更具体。