HTML5占位符背后的逻辑

Question

我正在使用表单。每个输入字段名称由其占位符标识。我的表单在Chrome和Mozilla中工作正常但在IE7和IE8中失败，因为这些浏览器不支持HTML5的占位符属性。

我的表格分为4部分。当用户填写第一部分并单击“保存”并继续触发时，会触发数据库并显示表单的第二部分等等

为了在IE中实现占位符，我尝试了各种插件，并且我也创建了一个插件，但是一切都失败了，因为如果我将该字段留空，占位符值将保存在数据库中。

HTML5占位符在chrome中对我很好。因此，如果有人能够提供HTML5占位符的逻辑，我将在jquery中将其写下来以在IE中获得相同的功能。

Answer 1

您可以创建一个jquery函数，在加载文档时将该输入的值初始化为某些文本（这应该是您的占位符），然后在有onclick事件时将此值设置为“”（无）输入。希望它有所帮助

Answer 2

试试这个JSFiddle。

_selector是我制作的自定义变量。只需将该行更改为要将此占位符置于其上的任何字段的ID。你可以让_placeholder在字段中包含你想要的任何占位符文本：）。

我只是在用户点击（或外部）时更改输入字段的css和html属性。

这种技术的一个问题是，当你发布表单时，它会认为值被设置（因为值是_placeholder（或者在这个例子中是“Address”）。你最好的选择是检查值是否为等于PHP脚本中的占位符。如果是，您可以告诉您的脚本使用“”而不是var。

Answer 3

使用@Hamdi，您可以尝试jQuery。 This是一篇非常好的文章。