html - 有什么方法可以在 IE10 中支持/填充按钮表单属性？

Question

我一直在使用 HTML5 的按钮表单属性让我的提交按钮显示在表单之外并仍然触发我的提交。

我的表格看起来像这样:

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

我在 Chrome/Firefox/Safari 中运行良好，但我今天在 IE10 中对其进行了测试，但表单没有提交!

除了重新设计我的所有页面以不使用 form= 属性之外，还有人知道如何解决这个问题吗？我希望它像表单内的普通提交按钮一样工作，在文本字段中按回车键将提交表单以及单击按钮。

如果可能的话，我想避免添加点击事件和监听文本字段上的输入以触发提交。

Answer 1

IE 似乎不支持 form="myForm" 属性。

查看此处的表格以获取更多信息: http://caniuse.com/#search=Form%20features

复制此行为的唯一方法是使用/创建一个 javascript polyfill 来复制所需的行为。

您可以在此处找到跨浏览器 polyfill 的列表:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

我找不到一个来填写表单行为(但只找了一分钟，所以检查一下自己)。

我认为您必须为此编写自己的自定义 polyfill。

一个简单的内联 onclick 看起来像这样:

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

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