Jquery HTML5占位符背后的逻辑

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

我的表格分为四个部分。当用户填写第一部分并单击“保存并继续”时，将在数据库上触发触发器，并显示表单的第二部分，依此类推

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

---

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

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

\u选择器

是我制作的自定义变量。只需将行更改为要放置此占位符的任何字段的ID。您可以让

\u占位符
在字段中包含所需的占位符文本：）

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

此技术的一个问题是，当您发布表单时，它会认为已设置了值（因为该值是_占位符（或本例中的“地址”）。您最好检查该值是否等于PHP脚本中的占位符。如果是，您可以告诉脚本使用“”如果输入值与默认值（占位符）相同，则可以尝试使用jQuery，而不是@Hamdi的变量。
，不发送它。如果输入值等于空字符串，则将输入值设置为占位符1。老实说，您不应该尝试为不支持占位符的浏览器实现占位符，只需使用经典标签即可。Duplicate@Bearated我选择完全忽略IE，但如果您想支持它，Bearated的方法是您最好的解决方案IMO.I already已经实现了这一点，但我的占位符值会在单击“保存并继续”按钮时保存。我认为占位符文本是浏览器UI的一部分，而不是输入的“值”。如果您确实希望在IE 8中实现这一点，并且不介意将其复杂化，您可以像这样进行模拟：