Todos los días usamos interfaces gráficas proporcionadas por el sistema operativo, el navegador y distintas aplicaciones. Todo usuario conoce intuitivamente los principales elementos de interfaz.
Elementos de interfaz de usuario — todo lo que vemos y con lo que interactuamos en la pantalla.
| Elemento | Ejemplo |
|---|---|
| Radio Button (radio button) |
|
| Checkbox (checkbox) |
|
| Input Field (input field) |
|
| Textarea (textarea) |
|
| Dropdown List (dropdown list) |
|
| Button (button) |
Form — un elemento clave mediante el cual el usuario puede enviar datos para que el servidor los procese.
Los datos de los campos del formulario se convierten en cuerpo de solicitud.
Al hacer clic en el botón se envía una solicitud HTTP al servidor.
Los detalles de solicitud-respuesta del formulario «Formulario de prueba» están disponibles en DevTools Network.
Exploremos la sección de DevTools Elements, que permite ver el código real de un elemento oculto detrás de su representación visual habitual.
Experimenta con elementos de interfaz de entrada:
Уровень повышен!
