javascript - 将标签放在文本输入中 - 在 IE7 中不起作用

Question

我正在为一家培训机构制作在线报名表。文本输入框的标签已使用http://attardi.org/labels/上的解决方案放置在输入本身内

它在 Chrome、Firefox、IE9 和 IE8 中完美运行，但由于某种原因在 IE7 中出现了问题（惊喜，惊喜！）

如果我单击标签所在区域的输入字段，浏览器不会关注输入。只有当我点击标签后的空白区域时，输入字段才会生效，或者奇怪的是，如果我点击输入字段下方的位置。

这是 CSS 还是 JavaScript 问题，任何人都可以提出解决方案吗？

您可以在http://testing.xenongroupadmin.com/enrolment访问完整的表单，但请注意 - HTML、CSS 和 HTML 文件非常庞大，可能需要一些时间才能筛选！

Answer 1

放弃您链接到的脚本。

使用常规 html5placeholder属性 ( http://davidwalsh.name/html5-placeholder ) - 这是在大多数浏览器中获得所需内容的最简洁的解决方案。要处理 IE7/8，您可以使用 javascript shiv，如下所示：http ://dipaksblogonline.blogspot.com/2012/02/html5-placeholder-in-ie7-and-ie8-fixed.html