整个表单的自动填充功能无法在iframe（Google Chrome）中使用

Question

我有两种形式（参考https://jsfiddle.net/svejdo1/f7uwt6jo/12/） 第二种形式（底部的）位于iframe中。

自动填充似乎在两种情况下都有效-即，如果我键入“街道”，则可以从最近提交的“街道”字段中进行选择。但是，有一个显着的区别-当我选择电子邮件时，它还会用我的个人资料预填充整个表单-但仅适用于非框架式表单。当我尝试对iframed表单执行相同操作时，此操作将无效。

是否有使它起作用的技巧？还是这是铬中的虫子？还是这种安全功能？

<form id="form" action="#">
  <label for="street">Street</label>
  <input type="text" id="street" name="street" />

  <label for="zip">ZIP</label>
  <input type="text" id="zip" name="zip" />


  <label for="email">Email</label>
  <input type="text" id="email" name="email" />

  <input type="submit" value="Submit" />
</form>

<iframe id="iframe"></iframe>

<script>
  var cln = document.getElementById('form').cloneNode(true);
  document.getElementById('iframe')
   .contentWindow.document.children[0].children[1].appendChild(cln);
</script>