¿Qué es HTML y sus tags? Elementos de un formulario

Beatriz Moura
Beatriz Moura
Compartir

¿Que es el HTML y sus etiquetas? Elementos de un formulario

¿Que es el HTML y sus etiquetas? Elementos de un formulario

Este artículo compone una serie de cinco artículos sobre qué es HTML y sus tags:

  1. ¿Que és HTML y sus tags? Estructura básica
  2. ¿Que és HTML y sus tags? Elementos inline
  3. ¿Que és HTML y sus tags? Block-level
  4. ¿Que és HTML y sus tags? Elementos de un formulario
  5. ¿Que és HTML y sus tags? Atributos de los elementos

En el artículo anterior vimos qué es block level y cómo se comportan, ahora pasemos a otro tema para entender qué son y qué elementos componen un formulario.

Formulario

< form >

Esta tag indica que estamos iniciando un formulario, recibe como atributos principales method que recibí como valor el método http que ejecutará este formulario (get,post) y action que especifica a dónde enviar el datos del formulario cuando se envía un formulario.

<form></form>

< input >

Un campo para que el usuario inserte texto, fecha, número, color, etc...se presenta como atributos principales type, que recibi como valor para el tipo de entrada.

 <input type="text">

< textarea >

Representa un cuadro de texto, útil cuando deseas permitir que el usuario ingrese texto extenso en formato libre, como un comentario o un formulario de devolución.

<textarea></textarea>

< button >

Un botón en el que se puede hacer clic tiene como atributos principales type , que si recibe submit como valor y está dentro de un formulario, enviará el formulario.

 <button type="submit">Enviar</button>

< label >

La tag label es importante para los campos de formularios. Especifica cuál es el "rotulo" del input (que se refiere a la entrada, como por ejemplo involucra en un texto "Nombre completo"), y ayudar en la experiencia del usuario durante la utilización y llenado del formulario.

<label>Nombre conmpleto</label>

Vea un ejemplo del formulario creado utilizando las etiquetas que aprendimos:

Ejemplo de formulario

Continua..

En este artículo vimos qué elementos usamos para componer un formulario, a continuación veremos qué atributos son y cómo usarlos.

img-autora

Beatriz Moura

Estudiante de Análisis y Desarrollo de Sistemas, cambié el área de la salud y me sumergí en programación. Apasionada por desarrollo Front-end y aficionada al UX/UI Design. Descubrí la pasión por enseñar al hacer mentorías durante otra graduación, donde fui presidenta de la Liga Académica y Directora de Medios en el Directorio Académico. Actualmente soy instructora y Desarrolladora de Software en Alura y ya hice parte del Scuba Team Front-end.

Traducido para Alura Latam por Ingrid da Silva

Beatriz Moura

Beatriz Moura

Ver otros artículos sobre Front-end

Whatsapp de Alura LATAMNewsletter de Alura LATAMContáctanos
¿Qué es HTML y sus tags? Elementos de un formulario | Alura Cursos Online