将输入提示添加到HTML表单字段

Question

我正在寻找一种向HTML表单字段添加输入提示的好方法 - 就像StackOverflow在其所有文本字段中使用浅灰色文本作为提示一样.

想到那里会有一个jQuery插件,但到目前为止还没有找到任何好的东西.任何人？

Answer 1

请参阅此问题的答案:密码字段中的Jquery默认值

在html5中你可以这样做:

<input type="text" placeholder="Default Value"/>

如果您在顶部查看搜索栏,这就是SO的作用:

<input name="q" class="textbox" tabindex="1" onfocus="if (this.value=='search') this.value = ''" type="text" maxlength="140" size="28" value="search">

Answer 2

如果您的意思是在表单字段中包含浅灰色文本,则可以placeholder在最近的浏览器中使用该属性:

<input type="text" placeholder="This text will appear inside the form field until the user focuses it">

我不知道任何打包的jQuery插件在不支持的浏览器中模仿这个功能placeholder,但这里有一个如何在jQuery中自己做的例子:

• http://web.enavu.com/design/css/use-html5-placeholder-input-attribute-today-using-jquery/