IE、Edgeが動かない:タグlabel内に書いたinputが動作しない

2018-08-05

IE、EdgeだけLabel内に書いたinputタグの挙動がちがう

inputタグの type="file" を利用してファイルアップロードを作成したのですが
その際に、他の情報も渡そうと思いinputタグ type="hidden"で情報の連携をおこないました。
ただ、今回のinputタグでは、標準のボタンではカッコ悪いのでbootstrapを用いて
ボタンの装飾をおこないました。

IE、Edgeだけinputタグが動かない

firefox、クロームでは動作するのに、IE、Edgeでは動いてくれない。
今回書いた処理は以下のものです。

試行錯誤の結果inputタグ type="hidden"の記述場所が悪かったようです。

修正版

なにも、Labelの中に書く必要はないので、外に出してあげれば、正常に動きました。
これが正しい記述方法なのでしょうか。
firefox、クロームは補正して動いてくれていたのでしょうか。