Элементы интерфейса

Текст, который появляется при наведении на элемент и подсказывает его значение. Например, ты наводишь мышь на иконку «Заметка» — всплывает подсказка «Добавить заметку к объявлению»

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

поясняет значения элементов: например, чекбоксов.

элемент, с помощью которого можно изменять значение параметра. Например, ты заказываешь пиццу и выбираешь количество — 2. Это можно делать с помощью кнопок: стрелок «вверх» и «вниз» или символов «плюс» и «минус».

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

меню действий, которое можно вызвать у выбранного элемента.

элемент, который передвигает визуальную область окна браузера вверх-вниз, вправо-влево.

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

☑ включено и ☐ отключено. Почти всегда это элемент квадратной формы, реже — круглой. Внутри можно установить флажок или галочку. Обычно рядом добавляют описание. Чекбокс может выглядеть и как переключатель — toggle switch.

подвид элемента «Список». Состоит из поля ввода текста и выпадающего списка. Список раскрывается, если нажать на кнопку раскрытия или начать вводить текст. Позволяет ввести текст значения вручную или раскрыть список и выбрать значение.

подвид элемента «Список». Раскрывается, если нажать на любой его области. Вводить данные не позволяет — только выбирать. Бывает только с единственным выбором значения из списка, а бывает с множественным.

небольшое изображение, которое иллюстрирует действие. При нажатии это действие и вызывается: например, если кликнуть по иконке «Сердечко», ты добавишь объявление в избранное.