在 IE 中嵌入 iframe 时，占位符属性不起作用 [重复]答案

【问题标题】：placeholder attribute not working when imbedded in iframe in IE [duplicate]在 IE 中嵌入 iframe 时，占位符属性不起作用 [重复]
【发布时间】：2013-12-10 18:26:45
【问题描述】：

所以我有一个自定义表单，它使用 wordpress 中的 iframe 嵌入。当使用 iframe 嵌入内容时，占位符属性在 IE 中不起作用。由于验证码，它必须使用 iframe。下面是一个活生生的例子：http://www.uslegalsupport.com/contact-us-new/

如您所见，占位符在 IE 中不起作用。但是，当您查看 iframe 加载的实际页面时，占位符会起作用：http://www.uslegalsupport.com/wp-content/themes/us-legal/ifpage-contact-us.php

任何帮助将不胜感激。谢谢！

如果您需要任何进一步的信息，请随时询问。我会整天看这个线程。再次感谢！

【问题讨论】：

请注意，低于 10 的 IE 版本不支持 HTML5 占位符属性
占位符属性在 iframe 外部加载时起作用。它与从 iframe 中加载导致它无法工作有关。
我建议使用传统的方法，比如焦点或模糊，而不是占位符，因为旧浏览器不支持它
你遇到了一个 JS 错误：Uncaught TypeError: Cannot read property 'offsetHeight' of null 修复它
epascarello，我对 js 还是很陌生，您能否指出正确的方向来解决该错误？感谢您的回复！

标签： javascript jquery wordpress iframe

【解决方案1】：

我猜它是一个 IE 错误。在 IE 11 上也试过了，还是不行

您应该尝试使用 jquery 占位符插件。看看this 和this。

【讨论】：

Sergio，感谢您的回复，不幸的是，这些都不起作用。

【解决方案2】：

好吧，奇怪的是，它与 http 和 https 有关。 IE 想要安全地查看所有内容，如果没有 https，iframe 将无法加载。所以，我只是硬链接所有内容以使用 https 并将 javascript 放在表单下方，瞧！

【讨论】：