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
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 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
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Demetrio Ccesa Rayme
 
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)

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
 
EL CARDENALITO Lengua y Literatura de 6 grado
EL CARDENALITO Lengua y Literatura de 6 gradoEL CARDENALITO Lengua y Literatura de 6 grado
EL CARDENALITO Lengua y Literatura de 6 grado
 
Power Point : Motivados por la esperanza
Power Point : Motivados por la esperanzaPower Point : Motivados por la esperanza
Power Point : Motivados por la esperanza
 
Evaluación de los Factores Externos de la Organización.
Evaluación de los Factores Externos de la Organización.Evaluación de los Factores Externos de la Organización.
Evaluación de los Factores Externos de la Organización.
 
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
 
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
El liderazgo en la empresa sostenible, introducción, definición y ejemplo.
 
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
 
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
4. MATERIALES QUE SE EMPLEAN EN LAS ESTRUCTURAS.pptx
 
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
 
É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
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
Bitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdfBitacora de Inteligencia Artificial  y Herramientas Digitales HD4  Ccesa007.pdf
Bitacora de Inteligencia Artificial y Herramientas Digitales HD4 Ccesa007.pdf
 
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
 
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdfTÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
TÉCNICAS OBSERVACIONALES Y TEXTUALES.pdf
 
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdfEstrategia Nacional de Refuerzo Escolar  SJA  Ccesa007.pdf
Estrategia Nacional de Refuerzo Escolar SJA Ccesa007.pdf
 
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
 
flujo de materia y energía ecosistemas.
flujo de materia y  energía ecosistemas.flujo de materia y  energía ecosistemas.
flujo de materia y energía ecosistemas.
 
Botiquin del amor - Plantillas digitales.pdf
Botiquin del amor - Plantillas digitales.pdfBotiquin del amor - Plantillas digitales.pdf
Botiquin del amor - Plantillas digitales.pdf
 
Lecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanzaLecciones 07 Esc. Sabática. Motivados por la esperanza
Lecciones 07 Esc. Sabática. Motivados por la esperanza
 
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
 

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/