Un modo per supportare l'attributo di forma del pulsante/shim in IE10?

Question

Ho utilizzato l'attributo del pulsante del pulsante HTML5 per visualizzare il mio pulsante di invio al di fuori del modulo e attivare comunque il mio invio.

La mia forma simile a questa:

<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> 

ho questo lavorare bene in Chrome/Firefox/Safari, ma sono andato a provarlo in IE10 oggi e la forma non presenta!

Oltre a ridisegnare tutte le mie pagine per non utilizzare l'attributo form =, qualcuno sa come aggirare questo? Voglio che funzioni come un normale pulsante di invio all'interno di un modulo, dove premere invio nel campo di testo invierà il modulo e fare clic sul pulsante.

Vorrei evitare di aggiungere eventi di clic e di ascoltare per immettere campi di testo per attivare l'invio in JavaScript, se possibile.

Answer 1

Sembra che l'attributo form="myForm" non sia supportato su IE.

visualizzare la tabella qui per ulteriori informazioni: http://caniuse.com/#search=Form%20features

L'unico modo per replicare questo sarà quello di utilizzare/creare un javascript polyfill per replicare il comportamento desiderato.

È possibile trovare un elenco di cross-browser polyfills qui:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

non riuscivo a trovare uno per riempire il comportamento form (ma sembrava solo per un minuto, in modo da verificare voi stessi).

Penso che dovrai scrivere il tuo polyfill personalizzato per questo.

Una semplice linea onclick sarebbe simile a questa:

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

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