Как сделать

Статьи с рецептами и фрагментами кода для HTML, CSS и JavaScript.

Слайдер диапазона

Значение: 50

Поиск по меню навигации

Меню

Контент страницы

Начните вводить категорию в строке поиска, чтобы "отфильтровать" пункты меню.

Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..

Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..Какой-то текст..

Какой-то текст..

Всплывающая подсказка

Сверху Текст подсказки
Справа Текст подсказки
Снизу Текст подсказки
Слева Текст подсказки

Как сделать переключатели



Пользовательские чекбоксы/checkbox и радиокнопки/radio button

Чекбокс/Флажок:

Радиокнопка:

Кастомный выпадающий список

Шапка с вкладками

Париж

Париж - столица Франции.

Москва

Москва - столица России.

Таймер обратного отсчета

Фильтрация/Поиск по списку

Таблица с фильтрацией

ИмяСтрана
Alfreds FutterkisteGermany
Berglunds snabbkopSweden
Island TradingUK
Koniglich EssenGermany
Laughing Bacchus WinecellarsCanada
Magazzini Alimentari RiunitiItaly
North/SouthUK
Paris specialitesFrance

Как отфильтровать элементы

Audi
BMW
Volvo
Кошка
Собака

Как сделать сортировку списка

Нажмите на кнопку, чтобы отсортировать список по алфавиту:

  • Oslo
  • Stockholm
  • Helsinki
  • Berlin
  • Rome
  • Madrid

Поисковая кнопка