Autofocus для input всплывающего окна — HTML или JS решение?

Question

[Денис Смолин]

Всем привет! Верстаю сайт и у меня назрел вопрос - какой метод выбрать для автофокуса поля формы "login" всплывающего окна? После загрузки сайта это окно по-умолчанию скрыто и по этой причине мне рекомендовали вместо HTML-варианта сделать с помощью JS. Не будет ли грубой ошибкой, если я выберу первый вариант? Спасибо!

Answer 1

[Negwereth]

А можно пример чисто CSS-решения? Насколько мне известно, принудительно элемент в фокус поставить можно только через метод .focus();

Comments

[Dark Hole]

Атрибут focus у инпута, если ничего не путаю.

[Negwereth]

Есть такое, но срабатывает только при загрузке страницы.

[Денис Смолин]

Negwereth: именно этот вариант я и хотел сделать, однако, мне сказали, что это плохая практика - ставить html-атрибут "autofocus" в поле формы скрытого по-умолчанию окна (popup'a с полями ввода логина и пароля ) и рекомендуют выбрать JS-решение с помощью метода .focus(). Наверно я выберу CSS.

[Negwereth]

Денис Смолин: так и первый вариант не CSS вообще. И если блок скрыт, то любое взаимодействие со страницей этот самый автофокус сбросит.

А чем вам JS не угодил?

[Денис Смолин]

Negwereth: да, прошу прощения, это html, конечно, а насчет JS - я всегда стараюсь первым делом сделать максимально "user-friendly" HTML + CSS вариант, вот и упёрся =) Плюс, мне сказали, что в некоторых версиях брузеров может возникнуть ситуация, когда при загрузке страницы, она будет автоматически проскролена до футера, где находится скрытое окно, в котором стоит html-атрибут "autofocus".

[Negwereth]

Денис Смолин: не исключено, да. Так что ставьте фокус скриптом.