SlideShare una empresa de Scribd logo
1 de 10
ETIQUETAS HTML PARA FORMULARIOS
ERIK YAEL ROMERO TORRES
GRUPO: 404
 Los formularios son los elementos en los que se
integran los botones y las áreas de texto que se utilizan
para que los usuarios introduzcan sus datos o que
puedan elegir entre varias opciones.
 El principio y final de un formulario se define con las
etiquetas <form> y </form>. Dentro de las etiquetas de
apertura y cierre de form se pueden incluir diferentes
elementos que son enviados para ser procesados por el
servidor web.
ETIQUETA FUNCIÓN
<form> </form>
Etiqueta de apertura y cierre de un
formulario de una página web. El resto de
etiquetas de formulario deben ir siempre
recogidas entre estas etiquetas de apertura
y cierre de formulario.
<fieldset> </fieldset>
Permite organizar en grupos los
campos de un formulario.
<legend> </legend> Representa el título de un <fieldset>.
<label> </label>
Se usa para definir el nombre o título de un
control del formulario.
<input>
Crea un campo de introducción de datos
para el usuario. Es de las principales
etiquetas de un formulario.
<button> </button>
Etiqueta utilizada para representar un botón
en el formulario.
<option> </option>
Representa una opción en un elemento
<select> o <datalist>.
<select> </select>
Input que permite una selección entre un
conjunto de opciones.
ETIQUETA DESCRIPCIÓN
<optgroup> </optgroup>
Representa un conjunto de opciones,
agrupadas lógicamente.
<datalist> </datalist>
Representa un elemento de control que
permite la selección entre un conjunto de
opciones <option>.
<textarea> </textarea>
Representa un elemento de control de
edición de texto multilínea.
<output> </output> Representa el resultado de un cálculo.
<meter> </meter>
Se encarga de representar un valor escalar
dentro de un rango que sea conocido.
color
Control para especificar un color. Una
interfaz de selección de color no requiere
más funcionalidad que la de aceptar colores
simples como texto (más información).
date time
Obsoleto control para introducir una fecha y
hora (horas, minutos, segundos y fracción
de segundo) , basado en la zona horaria
UTC. Esta característica ha sido removida
de WHATWG HTML.
 En el elemento <input>, el atributo más importante es type. Debemos tener
en cuenta que la sintaxis de <input>en contraposición con la de
<textarea></textarea>. Esta es una de las rarezas del HTML. La etiqueta
<input>es un elemento vacío, lo que significa que no necesita una etiqueta
de cierre. Para definir el valor predeterminado de un elemento <input>, debe
usar el atributo value de esta manera:
REFERENCIAS BIBLIOGRÁFICAS
 https://www.eniun.com/etiquetas-formularios-html5/
 https://www.mclibre.org/consultar/htmlcss/html/html-
formularios.html
 https://developer.mozilla.org/es/docs/Web/HTML/Element/fo
rm
 https://lenguajehtml.com/html/formularios/crear-un-
formulario/

Más contenido relacionado

Similar a ETIQUETAS FORMULARIOS HTML.pptx (20)

Doc1
Doc1Doc1
Doc1
 
Elementos de formulario y atributos
Elementos de formulario y atributosElementos de formulario y atributos
Elementos de formulario y atributos
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Formularios
FormulariosFormularios
Formularios
 
Frames y formularios en html
Frames y formularios en htmlFrames y formularios en html
Frames y formularios en html
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Curso php-my sql-clase-1
Curso php-my sql-clase-1Curso php-my sql-clase-1
Curso php-my sql-clase-1
 
Curso php-my sql-clase-1
Curso php-my sql-clase-1Curso php-my sql-clase-1
Curso php-my sql-clase-1
 
Microsoft access
Microsoft accessMicrosoft access
Microsoft access
 
Microsoft access
Microsoft accessMicrosoft access
Microsoft access
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Trabajo2015
Trabajo2015Trabajo2015
Trabajo2015
 
Mapa conceptual info
Mapa conceptual infoMapa conceptual info
Mapa conceptual info
 
Presentacion De Formularios 1
Presentacion De Formularios 1Presentacion De Formularios 1
Presentacion De Formularios 1
 
access
accessaccess
access
 
Expresion
ExpresionExpresion
Expresion
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Guía Formulario
Guía FormularioGuía Formulario
Guía Formulario
 
Formulario
FormularioFormulario
Formulario
 

Último

Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Lineamientos de la Escuela de la Confianza  SJA  Ccesa.pptxLineamientos de la Escuela de la Confianza  SJA  Ccesa.pptx
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Demetrio Ccesa Rayme
 
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdfDiseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Demetrio Ccesa Rayme
 
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Demetrio Ccesa Rayme
 
PLAN LECTOR QUINTO 2023 educación primaria de menores Quinto grado
PLAN LECTOR QUINTO 2023  educación primaria de menores Quinto gradoPLAN LECTOR QUINTO 2023  educación primaria de menores Quinto grado
PLAN LECTOR QUINTO 2023 educación primaria de menores Quinto grado
Santosprez2
 
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdfEscucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
Demetrio Ccesa Rayme
 

Último (20)

Época colonial: vestimenta, costumbres y juegos de la época
Época colonial: vestimenta, costumbres y juegos de la épocaÉpoca colonial: vestimenta, costumbres y juegos de la época
Época colonial: vestimenta, costumbres y juegos de la época
 
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdfDISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
DISEÑO DE ESTRATEGIAS EN MOMENTOS DE INCERTIDUMBRE.pdf
 
Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024Revista Faro Normalista 6, 18 de mayo 2024
Revista Faro Normalista 6, 18 de mayo 2024
 
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
Lineamientos de la Escuela de la Confianza  SJA  Ccesa.pptxLineamientos de la Escuela de la Confianza  SJA  Ccesa.pptx
Lineamientos de la Escuela de la Confianza SJA Ccesa.pptx
 
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdfTÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
 
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdfDiseño Universal de Aprendizaje en Nuevos Escenarios  JS2  Ccesa007.pdf
Diseño Universal de Aprendizaje en Nuevos Escenarios JS2 Ccesa007.pdf
 
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdfLas Preguntas Educativas entran a las Aulas CIAESA  Ccesa007.pdf
Las Preguntas Educativas entran a las Aulas CIAESA Ccesa007.pdf
 
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
tema 6 2eso 2024. Ciencias Sociales. El final de la Edad Media en la Penínsul...
 
PLAN LECTOR QUINTO 2023 educación primaria de menores Quinto grado
PLAN LECTOR QUINTO 2023  educación primaria de menores Quinto gradoPLAN LECTOR QUINTO 2023  educación primaria de menores Quinto grado
PLAN LECTOR QUINTO 2023 educación primaria de menores Quinto grado
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
Realitat o fake news? – Què causa el canvi climàtic? - Modificacions dels pat...
 
En un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdfEn un aposento alto himno _letra y acordes.pdf
En un aposento alto himno _letra y acordes.pdf
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdfEscucha tu Cerebro en Nuevos Escenarios  PE3  Ccesa007.pdf
Escucha tu Cerebro en Nuevos Escenarios PE3 Ccesa007.pdf
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
El Futuro de la Educacion Digital JS1 Ccesa007.pdf
El Futuro de la Educacion Digital  JS1  Ccesa007.pdfEl Futuro de la Educacion Digital  JS1  Ccesa007.pdf
El Futuro de la Educacion Digital JS1 Ccesa007.pdf
 
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLAACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
ACERTIJO SOPA DE LETRAS OLÍMPICA. Por JAVIER SOLIS NOYOLA
 
Estudios Sociales libro 8vo grado Básico
Estudios Sociales libro 8vo grado BásicoEstudios Sociales libro 8vo grado Básico
Estudios Sociales libro 8vo grado Básico
 
Síndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuaniSíndrome piramidal 2024 según alvarez, farrera y wuani
Síndrome piramidal 2024 según alvarez, farrera y wuani
 
TEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilizaciónTEMA EGIPTO.pdf. Presentación civilización
TEMA EGIPTO.pdf. Presentación civilización
 

ETIQUETAS FORMULARIOS HTML.pptx

  • 1. ETIQUETAS HTML PARA FORMULARIOS ERIK YAEL ROMERO TORRES GRUPO: 404
  • 2.  Los formularios son los elementos en los que se integran los botones y las áreas de texto que se utilizan para que los usuarios introduzcan sus datos o que puedan elegir entre varias opciones.  El principio y final de un formulario se define con las etiquetas <form> y </form>. Dentro de las etiquetas de apertura y cierre de form se pueden incluir diferentes elementos que son enviados para ser procesados por el servidor web.
  • 3.
  • 4. ETIQUETA FUNCIÓN <form> </form> Etiqueta de apertura y cierre de un formulario de una página web. El resto de etiquetas de formulario deben ir siempre recogidas entre estas etiquetas de apertura y cierre de formulario. <fieldset> </fieldset> Permite organizar en grupos los campos de un formulario. <legend> </legend> Representa el título de un <fieldset>. <label> </label> Se usa para definir el nombre o título de un control del formulario. <input> Crea un campo de introducción de datos para el usuario. Es de las principales etiquetas de un formulario. <button> </button> Etiqueta utilizada para representar un botón en el formulario. <option> </option> Representa una opción en un elemento <select> o <datalist>. <select> </select> Input que permite una selección entre un conjunto de opciones.
  • 5. ETIQUETA DESCRIPCIÓN <optgroup> </optgroup> Representa un conjunto de opciones, agrupadas lógicamente. <datalist> </datalist> Representa un elemento de control que permite la selección entre un conjunto de opciones <option>. <textarea> </textarea> Representa un elemento de control de edición de texto multilínea. <output> </output> Representa el resultado de un cálculo. <meter> </meter> Se encarga de representar un valor escalar dentro de un rango que sea conocido. color Control para especificar un color. Una interfaz de selección de color no requiere más funcionalidad que la de aceptar colores simples como texto (más información). date time Obsoleto control para introducir una fecha y hora (horas, minutos, segundos y fracción de segundo) , basado en la zona horaria UTC. Esta característica ha sido removida de WHATWG HTML.
  • 6.
  • 7.
  • 8.  En el elemento <input>, el atributo más importante es type. Debemos tener en cuenta que la sintaxis de <input>en contraposición con la de <textarea></textarea>. Esta es una de las rarezas del HTML. La etiqueta <input>es un elemento vacío, lo que significa que no necesita una etiqueta de cierre. Para definir el valor predeterminado de un elemento <input>, debe usar el atributo value de esta manera:
  • 9.
  • 10. REFERENCIAS BIBLIOGRÁFICAS  https://www.eniun.com/etiquetas-formularios-html5/  https://www.mclibre.org/consultar/htmlcss/html/html- formularios.html  https://developer.mozilla.org/es/docs/Web/HTML/Element/fo rm  https://lenguajehtml.com/html/formularios/crear-un- formulario/