Поисковая строка - это неотъемлемый элемент любого сайта. Особенно полезной она становится когда на сайте очень много наименований (от нескольких сотен до нескольких тысяч) и пользователю хочется найти нужную позицию в один клик. В этой статье Вы научитесь создавать сразу несколько вариантов полей для поиска. Вариант 1 Его можно считать самым простым, т.к. здесь будет использоваться минимальное количество кода. Понять структуру представленной формы совсем не сложно. Не считая одного абзаца (<p>Поиск</p>) мы прописываем только два элемента формы: строку поиска и кнопку "Искать"...

Нам понадобится ВСЕГО ОДНА строчка кода. Но начнем с основ, чтобы вы смогли самостоятельно выполнить задачу вне зависимости от сайта. Нам поможет особое свойство, которое есть у полей ввода, — value. Допустим, на странице есть поле ввода input: <input type="text"> Откроем консоль разработчика. Сделать это можно нажав на поле ввода правой кнопкой мыши и нажать “показать код”. Далее открывается консоль разработчика. Находим в коде элемент сайта. Самое сложное остается с помощью команды document.querySelector() обратиться к поисковой строке...