SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Ing. Orlando Huaranga Negrete [email_address]
Aprender acerca de los elementos que componen un Formulario.
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
Medio de comunicación entre las páginas y el servidor <form action  = ”procesaVenta.html”  method  = “post”  name  = “frmVenta”  > ... Elementos del Formulario ... </form>
[object Object],[object Object],[object Object],[object Object]
Para el uso de cajas de texto se tiene: <INPUT>  y  <TEXTAREA> <INPUT TYPE=“TEXT”> :  Define una caja donde se puede escribir un texto de una línea, atributos: <input  type=“text” name=“identificador” size=“30” maxlength=“30” value=“Contenido” >
<TEXTAREA> :  Define una caja donde se puede escribir un texto de multiples lineas, atributos: <textarea  name=“identificador” rows=“3” cols=“40” > Valor del TextArea </textarea>
Para el uso de opciones multiples tenemos: <input  type=“checkbox” name=“identificador” checked >
Para el uso de opciones discriminantes tenemos: Sexo:  <br> Femenino :  <input  type=“radio” name=“identificador”  value=“F”> Masculino :  <input  type=“radio” name=“identificador” value=“M” checked>
Para selección simple o múltiple, mostradas en una lista (Combos y Listas): <select  name=“identificador” multiple >
[object Object],[object Object],[object Object],[object Object]
Sirven para disparar un evento, el cual puede producir el envió de la información o la realización de un proceso <input  type=“submit”  value=“Nombre del Boton”> <input  type=“reset”  value=“Nombre del Boton”> <input  type=“button”  value=“Nombre del Boton”>
<input type=“hidden”>  Ocultar Variables <input type=“password”>  Ocultar con asteriscos  <input type=“file”>  Muestra un explorador de Archivos
 

Weitere ähnliche Inhalte

Ähnlich wie Formulario Html

Ähnlich wie Formulario Html (20)

Html 5: formularios
Html 5: formulariosHtml 5: formularios
Html 5: formularios
 
Formularios y Validaciones
Formularios y ValidacionesFormularios y Validaciones
Formularios y Validaciones
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Perez y sus cartas
Perez y sus cartasPerez y sus cartas
Perez y sus cartas
 
Trabajo2015
Trabajo2015Trabajo2015
Trabajo2015
 
Frames y formularios en html
Frames y formularios en htmlFrames y formularios en html
Frames y formularios en html
 
Guía Formulario
Guía FormularioGuía Formulario
Guía Formulario
 
Formulario
FormularioFormulario
Formulario
 
Html Tema 4 - Formularios
Html Tema 4 - FormulariosHtml Tema 4 - Formularios
Html Tema 4 - Formularios
 
Formularios
FormulariosFormularios
Formularios
 
formularioshtml.pdf
formularioshtml.pdfformularioshtml.pdf
formularioshtml.pdf
 
Clase 11 formularios
Clase 11 formulariosClase 11 formularios
Clase 11 formularios
 
Elementos de formulario y atributos
Elementos de formulario y atributosElementos de formulario y atributos
Elementos de formulario y atributos
 
Atributos autofocus-etc
Atributos autofocus-etcAtributos autofocus-etc
Atributos autofocus-etc
 
Tema3[Php]
Tema3[Php]Tema3[Php]
Tema3[Php]
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Semana 2 Etiquetas semánticas y HTML 5
Semana 2   Etiquetas semánticas y HTML 5Semana 2   Etiquetas semánticas y HTML 5
Semana 2 Etiquetas semánticas y HTML 5
 
Present: II WEB DINAMICA Y FORMULARIOS
Present: II  WEB DINAMICA Y  FORMULARIOSPresent: II  WEB DINAMICA Y  FORMULARIOS
Present: II WEB DINAMICA Y FORMULARIOS
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
INTRODUCCIÓN A HTML – XHTML – Clase 03
INTRODUCCIÓN A HTML – XHTML – Clase 03INTRODUCCIÓN A HTML – XHTML – Clase 03
INTRODUCCIÓN A HTML – XHTML – Clase 03
 

Mehr von Orlando Huaranga Negrete (12)

Sentencias Control Java
Sentencias Control JavaSentencias Control Java
Sentencias Control Java
 
Fundamentos Java
Fundamentos JavaFundamentos Java
Fundamentos Java
 
Funciones Java
Funciones JavaFunciones Java
Funciones Java
 
Principios H T M L
Principios H T M LPrincipios H T M L
Principios H T M L
 
Gerencia Proyectos Informaticos
Gerencia Proyectos InformaticosGerencia Proyectos Informaticos
Gerencia Proyectos Informaticos
 
20 Reglas De Vida
20 Reglas De Vida20 Reglas De Vida
20 Reglas De Vida
 
El Puente
El PuenteEl Puente
El Puente
 
El Caballoyel Cerdo
El Caballoyel CerdoEl Caballoyel Cerdo
El Caballoyel Cerdo
 
Comonaceunparadigma
ComonaceunparadigmaComonaceunparadigma
Comonaceunparadigma
 
Humildad
HumildadHumildad
Humildad
 
Gianfranco Gugliandolo Service Oriented Architecture Overview
Gianfranco Gugliandolo Service Oriented Architecture OverviewGianfranco Gugliandolo Service Oriented Architecture Overview
Gianfranco Gugliandolo Service Oriented Architecture Overview
 
Saludlaboral
SaludlaboralSaludlaboral
Saludlaboral
 

Kürzlich hochgeladen

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 

Kürzlich hochgeladen (15)

Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 

Formulario Html

  • 1. Ing. Orlando Huaranga Negrete [email_address]
  • 2. Aprender acerca de los elementos que componen un Formulario.
  • 3.
  • 4.
  • 5. Medio de comunicación entre las páginas y el servidor <form action = ”procesaVenta.html” method = “post” name = “frmVenta” > ... Elementos del Formulario ... </form>
  • 6.
  • 7. Para el uso de cajas de texto se tiene: <INPUT> y <TEXTAREA> <INPUT TYPE=“TEXT”> : Define una caja donde se puede escribir un texto de una línea, atributos: <input type=“text” name=“identificador” size=“30” maxlength=“30” value=“Contenido” >
  • 8. <TEXTAREA> : Define una caja donde se puede escribir un texto de multiples lineas, atributos: <textarea name=“identificador” rows=“3” cols=“40” > Valor del TextArea </textarea>
  • 9. Para el uso de opciones multiples tenemos: <input type=“checkbox” name=“identificador” checked >
  • 10. Para el uso de opciones discriminantes tenemos: Sexo: <br> Femenino : <input type=“radio” name=“identificador” value=“F”> Masculino : <input type=“radio” name=“identificador” value=“M” checked>
  • 11. Para selección simple o múltiple, mostradas en una lista (Combos y Listas): <select name=“identificador” multiple >
  • 12.
  • 13. Sirven para disparar un evento, el cual puede producir el envió de la información o la realización de un proceso <input type=“submit” value=“Nombre del Boton”> <input type=“reset” value=“Nombre del Boton”> <input type=“button” value=“Nombre del Boton”>
  • 14. <input type=“hidden”> Ocultar Variables <input type=“password”> Ocultar con asteriscos <input type=“file”> Muestra un explorador de Archivos
  • 15.