LoginSignup
3

More than 5 years have passed since last update.

IEでinputのform要素が機能しない

Posted at

表題の通り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の更新に期待したい。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3