1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

まとめ

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

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

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

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

参考

1
1
0

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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?