Auto-fill für die ganze form nicht funktioniert inside iframe (google chrome)

Ich habe zwei Formulare (ref https://jsfiddle.net/svejdo1/f7uwt6jo/12/) Zweite form (die auf der Unterseite) ist innerhalb iframe.

Form image

Die autofill-Funktion scheint zu funktionieren für beide Fälle - also wenn ich Typ in "street" ist es mir erlaubt, wählen Sie aus "street" - Felder, auf die ich vor kurzem eingereicht. Es gibt allerdings einen entscheidenden Unterschied: wenn ich wählen Sie E-Mail es auch vorfüll die ganze form mit meinem Profil - aber nur für die nicht-iframed form. Wenn ich versuche, das gleiche zu tun für iframed form, es funktioniert nicht.

Form image

Gibt es einen trick, damit es funktioniert ? Oder ist das ein bug in Chrom ? Oder ist dieses Sicherheits-feature von einer Sorte ?

<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>
0
2019-09-17 18:49:46
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an