Crear formularios web para sitios web (tutorial práctico)

Aquí aprenderás sobre de qué se trata el curso y qué puedes esperar.

¿Por qué deberíamos utilizar formularios HTML en absoluto y cómo se hace en general?

Aquí se creará el proyecto en el que se integrará el primer formulario.

Creas tu primer formulario simple y aprendes la estructura básica.

Exploraremos las diversas posibilidades de uso de los formularios HTML en aplicaciones web.

Aprenderás cómo leer y procesar los datos ingresados por los usuarios con JavaScript.

Abordaré las posibilidades de diseño de formularios y te presentaré diferentes campos de entrada.

Estás implementando una validación de correo electrónico simple para asegurarte de que los datos ingresados cumplan con el formato de correo electrónico.

Nosotros nos ocupamos de las entradas numéricas y de los atributos asociados para restringir los posibles valores.

Aprenderás cómo manejar eventos en JS que ocurren al cambiar el contenido de un campo de entrada.

Profundizamos en el tema del manejo de eventos y utilizamos addEventListener para reacciones más flexibles.

Un resumen completo de los diferentes tipos de input y sus propiedades.

Aclararemos los atributos más importantes para controlar el comportamiento de los campos de entrada.

Aprenderás cómo realizar validaciones complejas con expresiones regulares y el atributo required.

Te mostraremos cómo puedes activar o desactivar la corrección ortográfica en tus formularios.

Aprenderás a crear campos de contraseña.

Empezamos con los fundamentos de los cuadros de verificación y sus posibles usos.

Aprenderás cómo leer y establecer el estado de las casillas de verificación con JavaScript.

Muestro diferentes formas de personalizar la apariencia de las casillas de verificación.

Explicaré el funcionamiento de los radiobuttons y cómo usarlos en tus formularios.

Aprenderás cómo permitir a los usuarios subir archivos.

Profundizarás tus conocimientos sobre la carga de archivos y aprenderás cómo puedes editar el archivo seleccionado con JavaScript.

Voy a abordar el uso de campos de entrada ocultos para la transmisión de información adicional.

Resumimos las diferentes formas de ingresar números.

Aprenderás a permitir la selección de un rango específico de valores con controles deslizantes de rango y cómo implementar un control deslizante.

Te mostraré cómo implementar entradas de fecha y hora en tus formularios.

Nos enfocamos en los campos de entrada especiales para direcciones de correo electrónico y URL.

Aprenderás cómo permitir que los usuarios elijan colores a través de un campo de selección de color.

Te presento los campos de entrada para palabras clave y números de teléfono.

Aprenderás cómo implementar entradas de texto multilinea con el elemento textarea.

Explicaré cómo crear listas seleccionables con el elemento select.

Aprenderás cómo agrupar las opciones en una lista desplegable.

Te mostraré cómo crear listas de sugerencias para campos de entrada.

Aprenderás cómo activar la autocompletación de entradas.

Explicaré cómo estructurar tus formularios con elementos de fieldset.

Una introducción completa a la validación del formulario del lado del cliente con JavaScript.

Muestro cómo recibir los datos del formulario enviados al servidor con Node.js y Express .

Aprenderás cómo recibir datos del formulario con el método GET.

Explicaré cómo recibir datos del formulario utilizando el método POST.

Comenzamos creando un proyecto de React e integrando formularios.

Aprenderás a utilizar diferentes elementos de entrada en React.

Nos estamos enfocando en los elementos select y textarea en React.

Muestro cómo manejar formularios con el framework JavaScript Alpine.js.

Explicaré cómo integrar formularios en aplicaciones de Vue.js.