Как сделать input (html) активным при загрузке страницы?

Пользователь

от jensen , в категории: HTML/CSS , год назад

Как сделать input (html) активным при загрузке страницы?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jeromy_ruecker , год назад

@jensen 

Если вы хотите сделать поле ввода (input) активным при загрузке страницы, вы можете использовать JavaScript для установки фокуса на поле ввода во время события загрузки страницы.


Вот пример:


HTML:

1


JavaScript:

1
2
3
window.addEventListener('load', function() {
  document.getElementById('myInput').focus();
});


В этом примере мы добавляем слушатель события "load" на объект window, который запускает функцию после загрузки страницы. Внутри этой функции мы используем метод focus() для установки фокуса на поле ввода с идентификатором "myInput".


Теперь, когда страница загружается, поле ввода будет активным и готовым для ввода.

Пользователь

от jakayla , 6 месяцев назад

@jensen 

Если вы хействуйте добавить дополнительные атрибуты для input в теге, можете использовать атрибут 'autofocus'. Вот пример:

1
<input type="text" id="myInput" autofocus>


Этот атрибут позволит сделать input активным сразу после загрузки страницы без необходимости использования JavaScript.