placeholderとautofocusの併用時はIEに注意する


まとめ

  • IE11ではfocus時に未入力でもplaceholderが消えてしまう
  • よってplaceholderとautofocusが同時に付いている場合、IEユーザーには一度もplaceholderが目につかない可能性がある。

placeholderには重要なメッセージを書かないことが前提だが、デザインや利便性、保守を考え、placeholderを

  • 消えてほしくないのでautofocusしない
  • 消えてもいいのでautofocusする
  • JSでIEでもfocusかつ未入力時に表示する

を使い分ける必要があることを覚えておく。
Edgeでは他のブラウザ同様、focusでも未入力ならplaceholderが表示された。

参考