Iframe 不适用于表单中的标签

Iframe not working with label in form

本文关键字：标签 表单 不适用 适用于 Iframe      更新时间：2023-09-26

>问题

我想在单击 iframe 时选中复选框。通常我只会在输入周围使用标签。这适用于图像、文本和其他内容。但它似乎不适用于 iframe？

这是一个小提琴

这是我的代码 

<form>
  <label>
      <iframe src="http://yx-ads6.com/banner_show.php?section=General&amp;pub=836169&amp;format=468x60&amp;ga=g" frameborder="0" scrolling="no" width="468" height="60" marginwidth="0" marginheight="0"></iframe
    <input type="checkbox">
  </label>
</form>

我会像这样在 iframe 上方使用一个元素：

.HTML 

<form>
  <label>
    <span></span>
      <iframe frameborder="0" scrolling="no" width="468" height="60" marginwidth="0" marginheight="0" style="background-color: #fff"></iframe>
    <input type="checkbox">
  </label>
</form>

.CSS

span {
  width: 468px; 
  height: 60px; 
  position: absolute;
  opacity: 0;
}

这里有一个关于这段代码的 JSFIDDLE。

基本上，点击事件在iframe内而不是标签内，因此不检查输入。

你可以用JS来做到这一点。看看这个答案：https://stackoverflow.com/a/32138108/4556503

相关文章：