Bất kỳ cách nào để hỗ trợ/shim nút biểu mẫu thuộc tính trong IE10?

Question

Tôi đã sử dụng thuộc tính biểu mẫu nút của HTML5 để nút gửi của tôi hiển thị bên ngoài biểu mẫu và vẫn kích hoạt gửi của tôi.

dạng của tôi trông giống như sau:

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

Tôi có điều này làm việc tốt trong Chrome/Firefox/Safari, nhưng tôi đã đi kiểm tra nó trong IE10 hôm nay và hình thức không nộp!

Bên cạnh việc thiết kế lại tất cả các trang của tôi để không sử dụng biểu mẫu = thuộc tính, có ai biết cách giải quyết vấn đề này không? Tôi muốn nó hoạt động giống như một nút gửi thông thường bên trong một biểu mẫu, trong đó nhấn enter trong trường văn bản sẽ gửi biểu mẫu cũng như nhấp vào nút.

Tôi muốn tránh thêm sự kiện nhấp chuột và lắng nghe nhập vào trường văn bản để kích hoạt gửi trong JavaScript nếu có thể.

Answer 1

Dường như thuộc tính form="myForm" không được hỗ trợ trên IE.

Xem bảng tại đây để biết thêm: http://caniuse.com/#search=Form%20features

Các chỉ cách để tái tạo này sẽ được sử dụng/tạo ra một polyfill javascript để nhân rộng các hành vi mong muốn.

Bạn có thể tìm thấy một danh sách các qua trình duyệt polyfills đây:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

tôi không thể tìm thấy một để điền vào các hành vi form (nhưng chỉ nhìn cho một phút, vì vậy kiểm tra chính mình).

Tôi nghĩ rằng bạn sẽ phải viết tùy chỉnh chèn lấp của riêng bạn cho việc này.

Một inline đơn giản onclick sẽ trông như thế này:

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

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