我需要在网页上有一个输入框，用户可以输入他们的名字。输入框应该显示一些文字（pref为灰色），上面写着“登录名”等字样。当用户键入，消失，仅使用CSS，没有JS时，就像http://www.rottentomatoes.com/顶部的输入框说'＃34;搜索电影，电视，演员，更多......＆＃34;。
我已经使用firefox中的f12内容钻进了这个RT示例，我几乎无法理解它并且无法重现这种行为。欢迎任何帮助，谢谢。
编辑：非常感谢大家。占位符是我需要的信息。焦点为空白的最终结果是：
<style type="text/css">
::-moz-placeholder { /* Firefox 19+ */
color: grey;
}
input:focus::-moz-placeholder {
opacity: 0;
}
</style>
<input name="search" placeholder="user name here"
id="search-term" type="text">