表題の通りIEではHTML5で追加されたinputのform属性が機能しない。せっかく追加されたのに、残念である。。。
Chromoのみ動作確認をしたが正常に動作した。
恐らくモダンブラウザは対応済みかと思われる。(Edgeは対応されているのか?未確認)

form属性は何が嬉しい?

HTML5のリファレンスを確認すると、HTML5までは

との関連付けはタグ中にを記述することで行っていたが、HTML5からはタグ外ののform属性にのid属性を記述することで関連付けすることができる。
form属性は何が嬉しい?
#HTML5までの実装例
<form id="form1">
    #<form><input>の関連付けは<form>タグ中に<input>を記述
    <input type="text" name="text1"/>
</form>

#HTML5の実装例
<form id="form1"/>
#form属性に<form>のid属性を記述することで関連付け
<input type="text" name="text1" form="form1"/>

上記の実装ができることで、javascriptにより単位に動的に

との関連付けを変更することができる。

でもIEでは機能しない。。。

未だにメインの開発ターゲットのブラウザにIEを採用する現場は多い。このため、この機能がIEで使えないのは残念だ。
今後のIEの更新に期待したい。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.