将标签放在文本输入中 - 不在IE7中工作

时间:2012-10-23 09:31:14

标签: javascript html css internet-explorer-7

我正在为培训机构制作在线注册表。使用http://attardi.org/labels/

处的解决方案将文本输入框的标签放置在输入内部

它在Chrome,Firefox,IE9和IE8中运行良好,但由于某些原因,在IE7中出现了一个问题(惊喜,惊喜!)

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

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

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

1 个答案:

答案 0 :(得分: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