Gibt es eine Möglichkeit, Schaltflächenformularfunktion in IE10 zu unterstützen/shim?

Question

Ich habe das HTML5-Button-Formular-Attribut verwendet, damit meine Absenden-Schaltfläche außerhalb des Formulars angezeigt wird und mein Absenden trotzdem ausgelöst wird.

sieht Meine Form etwas wie folgt aus:

<article> 
    <header>This is my form</header> 
    <section> 
    <p>Something explaining what is happening on this form.</p> 
    <form id="myform" action="/submit" name="myform"> 
     <input type="text" name="thing"> 
    </form> 
    </section> 
    <footer> 
    <button type="submit" form="myform">Submit</button> 
    </footer> 
</article> 

Ich habe diese Arbeit in Chrom/Firefox/Safari in Ordnung, aber ich ging es in IE10 heute zu testen und das Formular nicht!

Neben dem Redesign aller meiner Seiten, um nicht das Attribut form = zu verwenden, weiß jemand, wie man das umgehen kann? Ich möchte, dass es wie ein normaler Submit-Button innerhalb eines Formulars funktioniert. Wenn Sie in das Textfeld klicken, wird das Formular gesendet und auf den Button geklickt.

Ich möchte vermeiden, Klickereignisse hinzuzufügen und auf Eingabe auf Textfeldern zu warten, um das Einreichen in JavaScript auszulösen, wenn möglich.

Answer 1

Es scheint, dass das Attribut form="myForm" nicht auf IE unterstützt wird.

Sehen Sie sich die Tabelle hier für weitere Informationen: http://caniuse.com/#search=Form%20features

Die nur Weg, dies zu replizieren zu bedienen/Erstellen Sie eine JavaScript polyfill das gewünschte Verhalten zu replizieren.

Sie können eine Liste von Cross-Browser finden polyfills hier:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

ich nicht finden konnte das form Verhalten (aber nur suchte nach einer Minute, so überprüfen Sie sich selbst) zu füllen.

Ich denke, dass Sie Ihre eigenen benutzerdefinierten Polyfill dafür schreiben müssen.

Eine einfache Inline-onclick würde wie folgt aussehen:

<button 
    type="submit" 
    form="myform" 
    onclick="javascript:getElementById(this.getAttribute('form')).submit();" 
>Submit</button> 

JSFiddle: http://jsfiddle.net/mf63k/4/