Ежедневно мы используем графические интерфейсы, предоставляемые операционной системой, браузером и всевозможными приложениями. С основными элементами графических интерфейсов интуитивно знаком каждый пользователь.
Элементы интерфейса пользователя — это всё, что мы видим и с чем можем взаимодействовать на экране.
| Элемент | Пример |
|---|---|
| Переключатель (radio button) |
|
| Чек-бокс (checkbox) |
|
| Поле для ввода (input field) |
|
| Область для ввода многострочного текста (textarea) |
|
| Выпадающий список (dropdown list) | |
| Кнопка (button) |
Мы уже использовали раздел Network для просмотра подробностей запроса-ответа. На этот раз познакомимся с разделом Elements. Наведя курсор на любой участок страницы, можно увидеть фактический HTML элемент, скрывающийся за привычным нам визуальным отображением. Поэкспериментируйте с элементами интерфейса для ввода данных.
Калькулятор, как и любой другой объект на странице, описан HTML кодом и состоит из графических элементов, названия которых можно посмотреть через DevTools.
Требования:
Уровень повышен!