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

Question

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

它在 Chrome、Firefox、IE9 和 IE8 中完美运行，但出于某种原因在 IE7 中出现问题(惊喜，惊喜!)

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

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

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

Answer 1

丢弃您链接到的脚本。

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