/
al.anatolyev
/
web4stud
Обзор
Документация
Войти
/
al.anatolyev
/
web4stud
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
test/menu.htm
86 строк
3 KB
aag
%1
19 май 2026, 12:36
19 май 2026, 12:36
1775bad
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>без имени</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <meta name="description" content=""> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> </head> <body> <div class="container" id="top"> <!-- HTML Форма --> <form id="searchForm"> <input type="text" id="searchInput" placeholder="Что вы ищете?"> <button type="submit">Найти</button> <p id="errorMessage" style="color: red; display: none;">Пожалуйста, введите поисковый запрос.</p> </form> <script> const form = document.getElementById('searchForm'); const input = document.getElementById('searchInput'); const error = document.getElementById('errorMessage'); form.addEventListener('submit', function(event) { // Удаляем пробелы в начале и конце строки const query = input.value.trim(); if (query === '') { // Отменяем отправку формы event.preventDefault(); // Показываем ошибку error.style.display = 'block'; } else { // Скрываем ошибку, если всё ок (форма отправится) error.style.display = 'none'; input.value = query; // Записываем очищенный от пробелов текст обратно } }); </script> <hr> <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">Овощи</button> <div id="myDropdown" class="dropdown-content"> <a href="javascript:void(0);" onclick="showVegetable('картофель')">Картофель</a> <a href="javascript:void(0);" onclick="showVegetable('морковь')">Морковь</a> </div> </div> <!-- Дублирование ссылок --> <div class="hidden"> <a href="/vegetables/potato">Картофель</a> <a href="/vegetables/carrot">Морковь</a> </div> <div class="dropdown"> <button onclick="toggleMenu()">Каталог товаров</button> <ul id="fruit-menu" class="hidden"> <li><a href="/catalog/apples" onclick="navigate(event, 'apples')">Яблоки и груши</a></li> <li><a href="/catalog/citrus" onclick="navigate(event, 'citrus')">Цитрусовые</a></li> </ul> </div </div> <hr> <!-- JavaScript-меню --> <select id="category-select" onchange="location = this.value;"> <option value="">Выберите категорию</option> <option value="/category/mushrooms.html">Грибы</option> <option value="/category/berries.html">Ягоды</option> <option value="/category/medicinal-herbs.html">Лечебные травы</option> </select> <!-- Текстовая альтернатива --> <noscript> <ul class="category-list"> <li><a href="/category/mushrooms.html">Грибы</a></li> <li><a href="/category/berries.html">Ягоды</a></li> <li><a href="/category/medicinal-herbs.html">Лечебные травы</a></li> </ul> </noscript> </body> </html>