Как сделать, чтобы автоматически ставился курсор в форму после переходе по ссылке #anchor?

Question

[Илья]

У меня на странице есть ссылка на эту же с страницу с добавлением якоря: #anchor.

Вот я нажимаю на эту ссылку, страница отматывается до блока с id="anchor".

В моём случае этот блок — форма. Как мне сделать, чтобы курсор автоматически ставился в первое поле этой формы?

Comments

[Froggyweb]

вариантов сотни.
при клике на ссылку-якорь вызывать функцию которая ставит на нужный инпут
отслеживать скролл и при определенных значениях ставить фокус у инпута..........

Answer 1

[Адам Сулумов]

$("class").click(function(){
	$('form input:first-child').focus();
})

Answer 2

[An2]

Попробуй как-то так:

$('a.class').on('click',function(e){ //клик на ссылку
    e.preventDefault();
    var scrollTo = $('form').offset().top; //позиция формы
    $('body, html').animate({'scrollTop': scrollTo}, 400);
    $('form input:first-child').focus();
});

Answer 3

[Олег]

На js две строчки https://jsfiddle.net/Politonius/y97yvgf4/

Comments

[Павел Корнилов]

Тогда уж одна:
document.querySelector('form')[0].focus();

Answer 4

[Пащук Илья]

Также не забудь применить autofocus="true" и не помешает к просмотру https://html5tutorial.info/html5-autofocus.php