Botón para abrir el Menú Botón para cerrar el Menú
Logo da empresa Alura
Iniciar Sesión Nuestros Planes
Formaciones Conoce a Luri
  • Programación _
  • Front End _
  • Data Science _
  • DevOps _
  • Innovación y Gestión _
Artículos de Tecnología > Front-end

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

Beatriz Moura
Beatriz Moura
21/05/2023

Compartir

Mira este artículo:
  1. ¿Que es el HTML y sus etiquetas? Elementos de un formulario

¿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

Artículo Anterior
¿Qué es HTML y sus tags? Elementos a nivel de bloque
Siguiente Artículo
¿Qué es HTML y sus tags? Atributos de los elementos.

Ver otros artículos sobre Front-end

Navegación

  • Planes
  • Instructores
  • Blog
  • Política de privacidad
  • Términos de uso
  • Sobre nosotros
  • Preguntas frecuentes

¡CONTÁCTANOS!

  • ¡Quiero entrar en contacto!

Blog

  • Programación
  • Data Science
  • Front End
  • Innovación y Gestión
  • DevOps

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

NOVEDADES Y LANZAMIENTOS

Aliados

  • Programa de aceleração Scale-Up Endeavor
  • En Alura somos unas de las Scale-Ups seleccionadas por Endeavor, programa de aceleración de las empresas que más crecen en el país.
  • Growth Academy 2021 do Google For Startups
  • Fuimos unas de las 7 startups seleccionadas por Google For Startups en participar del programa Growth Academy en 2021
Alura

Una empresa del grupo Alun

Logo do grupo Alun

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

Cursos

Cursos de Programación
Lógica de Programación | Java
Cursos de Front End
HTML y CSS | JavaScript | React
Cursos de Data Science
Data Science | Machine Learning | Excel | Base de Datos | Data Visualization | Estadística
Cursos de DevOps
Docker | Linux
Cursos de Innovación y Gestión
Transformación Ágil | Marketing Analytics

Alura

  • Educação em Tecnologia

    • logo fiap FIAP
    • logo casa do codigo Casa do Código
    • logo pm3 PM3 - Cursos de Produto
  • Mais Alura

    • logo alura start START BY Alura
    • logo alura lingua Alura Língua
    • logo alura para empresas Alura Para Empresas
    • logo alura latam Alura LATAM
  • Comunidade

    • logo tech guide Tech Guide
    • logo 7 days of code 7 days of code
    • logo Hipsters ponto Jobs Hipsters ponto Jobs
  • Podcasts

    • logo Hipster Network Hipster Network
    • logo Hipsters ponto Tech Hipsters ponto Tech
    • logo Dev sem fronteiras Dev sem Fronteiras
    • logo Like a Boss Like a Boss
    • logo IA Sob Controle IA Sob Controle
    • logo Mesa de Produto Mesa de Produto
    • logo Decode Decode
    • logo FIAPCast FIAPCast