【IE】 password入力欄が2つあると片方の内容が消える

Tweet

Category develop / Tagged ie 2014/06/04

問題

httpsなページで、input[type=”password”]が2つあるフォームを表示すると、HTMLに記述したパスワードのvalueが消えました。

エラーで戻したときなどにvalueを入れてたんですけど。

答え

Windows7のIE11で再現を確認した。

IE11の不具合だそうで、去年から報告はあるものの修正はまだの様子。

http://connect.microsoft.com/IE/feedback/details/811458/ie-11-second-password-input-not-showing-as-being-populated-for-ssl-page-with-autocomplete-for-passwords-enabled

一番簡単な回避策は、passwordが2つの時に発生するので、passwordを3つにしてしまう方法。

見えないようにした3つ目のpasswordを仕込むとよい。

DEMO SSLありでパスワード入力欄が2つあるフォームのデモ

passwordが2つのHTMLのままで対応しようとすると、JavaScriptなどを使った面倒な対応になる。