我正在为培训机构制作在线注册表。使用http://attardi.org/labels/
处的解决方案将文本输入框的标签放置在输入内部它在Chrome,Firefox,IE9和IE8中运行良好,但由于某些原因,在IE7中出现了一个问题(惊喜,惊喜!)
如果单击标签所在区域的输入字段,则浏览器不会关注输入。输入字段只有在我点击标签后的空白区域时才会生效,或者奇怪的是,如果我点击输入字段的下方,则输入字段。
这是CSS还是JavaScript问题,有人可以提出解决方案吗?
您可以在http://testing.xenongroupadmin.com/enrolment完整地访问表单,但要注意 - HTML,CSS和HTML文件非常庞大,可能需要一些时间来筛选!
答案 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