如何格式化显示在html表单域中的提示？

Question

之前有一个关于如何在文本字段(html表单字段)中显示提示的问题，当用户单击所考虑的字段时，提示会自动清除。与中一样，当字段获得焦点时，表单中显示的提示将被清除，而无需用户手动删除字符。

给出的解决方案(它完美地工作)-

<input onfocus="if (this.value=='search') this.value = ''" type="text" value="search">

现在我的问题是，如何格式化显示为提示的文本(在本例中为"search")。通过格式化，我希望它具有特定的颜色和字体类型。

我可以使用css- color:#123123；font-family:calibri；对其他没有预加载提示的字段执行此操作。

谢谢!

Answer 1

您正在询问如何设置input元素的内容(值)的样式。

您可以使用常规CSS来执行以下操作：

input {
  color:#123123;
  font-family:Calibri;
}

工作示例：http://jsfiddle.net/fxxp4/