表单没有清除默认值？

Question

我注意到这是一个很常见的问题许多 wbesites，即使是那些大公司，所以作为一个网络开发商申请工作，我认为，我应该知道如何解决这个问题。

例如，基本上，用户名字段会显示“用户名”，直到您点击它来输入用户名，此时它应该清除文本“用户名”。但在大多数情况下，它不会，并且您最终会在原有文本的中间输入内容。

我看了这个，我发现最好的解决方案是一组30多行的Javascript函数，它完全符合你的期望：设置一个系统，当用户点击时清除默认值只要他们没有进入任何东西，它们也会在点击时将它放回原处。

但那不是我真正想要的，因为我已经知道如何去做。

我觉得现在，用HTML5和所有，应该有一个更简单的修复。而不仅仅是将JavaScript简化为更短的jQuery脚本。我的意思是更多的嵌入式固有修复。

有谁知道有什么方法可以阻止这种现象发生？

Answer 1

只需使用HTML5 placeholder attribute

<input type="text" placeholder="Whatever" /> 

Fiddle

跨浏览器的信息： 一些火狐版本清除文本框中单击占位符文本和Chrome在用户开始输入后将其清除，但Firefox的后续版本就像chrome一样，它会在用户开始输入时清除占位符文本输入框。

Answer 2

可以使用HTML5占位符属性http://www.w3schools.com/html5/att_input_placeholder.asp

Answer 3

现代浏览器都支持的形式占位符属性，让你怎么做你的使用modenizr为跨浏览器兼容

Answer 4

只使用HTML5占位符属性要求

退房 http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text 对于文章。

<input type="text" placeholder="Username" /> 

这显然不会完全跨浏览器兼容，因此您仍然需要旧的Javascript/jQuery修复程序。