Блог

Главная - Вопросы по программированию - Как настроить фокус по умолчанию на строке поиска на веб-странице, как это делает Google

Как настроить фокус по умолчанию на строке поиска на веб-странице, как это делает Google

#javascript #jquery #html #css

#javascript #jquery ( jquery ) #HTML #css

Вопрос:

Я пытаюсь создать веб-сайт. Она почти завершена, осталось сделать всего несколько деталей.

У меня небольшая проблема, и я не смог найти решение в Интернете.

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

На сайте включена библиотека jquery.

Комментарии:

1. autofocus Атрибут HTML

Ответ №1:

Вы можете добиться этого, используя autofocus атрибут:

 <input type="text" name="searchbar" autofocus />

Комментарии:

1. Здравствуйте, вы правы, но его HTML5, как насчет поддержки IE8?

2. @PratikJoshi, тогда вы можете проверить эту ссылку .

Ответ №2:

Вы можете сделать это с помощью приведенных ниже 3 методов, пусть они помогут вам :

1) <input type="text" id="search" name="search" autofocus />

2) $(function(){
$("#search").focus();
});

3) window.onload = function() {
document.getElementById("search").focus();
};

Ответ №3:

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

<input type="text" autofocus="autofocus" />

или

попробуйте tabindex="1"

Ответ №4:

Если вы хотите использовать jQuery:

 <script> $(function(){ $('#elementID').focus(); }); </script>

Или в чистом HTML:

 <input type="search" autofocus="autofocus">

но для этого требуется, чтобы браузер поддерживал атрибут автофокусировки HTML5, поэтому решение jQuery более реалистично.

Метки: ,