We use graphical interfaces provided by the operating system, browser, and various applications every day. Every user is intuitively familiar with the main interface elements.
User Interface Elements — everything we see and interact with on the screen.
| Element | Example |
|---|---|
| Radio Button |
|
| Checkbox |
|
| Input Field |
|
| Textarea |
|
| Dropdown List |
|
| Button |
Form — a key element through which the user can submit data for server processing.
Data from form fields is converted into request body.
Clicking the button sends a HTTP request to the server.
Form request-response details of the «Test Form» are available in DevTools Network.
Let's explore the DevTools section Elements, which allows us to see the actual code of an element hidden behind its usual visual representation.
Experiment with input interface elements:
Уровень повышен!
