SlideShare una empresa de Scribd logo
1 de 2
Formularios Web
1.El elemento<form>
para expandirlos tantocomosea necesarioyproveerasílas funcionesactualmenteimplementadasen
aplicacionesweb.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Formularios</title>
</head>
<body>
<section>
<form name="miformulario"id="miformulario"method="get">
<inputtype="text"name="nombre"id="nombre">
<inputtype="submit"value="Enviar">
</form>
</section>
</body>
</html>
2.tipo text
correspondíaa un email válido.Ahorael navegadorse hace cargo de esto con el nuevo
3.tipo email:
<inputtype="email"name="miemail"id="miemail">
4.Tipo search
El tiposearch (búsqueda) nocontrolalaentrada,essolounaindicaciónparalos navegadores.
<inputtype="search"name="busqueda"id="busqueda">
5.Tipo url
Este tipode campo trabajaexactamente igual que el tipo email peroesespecíficoparadireccionesweb.
<inputtype="url"name="miurl"id="miurl">
6.Tipo tel
Es solouna indicaciónparael navegadorencaso de que necesite hacerajustesde acuerdoal dispositivo en
el que la aplicaciónesejecutada.
<inputtype="tel"name="telefono"id="telefono">
7.Tipo number
Comosu nombre loindica,el tipo numberessóloválidocuandorecibe unaentrada numérica. tepEl valor
de este atributodeterminael tamañoenel que el valorseráincrementadoodisminuidoencadapaso.
<inputtype="number"name="numero"id="numero"min=”0”max=”10”
step=”5”>
8.Tipo range
El tiporange usa losatributos miny max estudiadospreviamente paraconfigurarloslímitesdel rango.
Tambiénpuede utilizarel atributo stepparaestablecerel tamañoenel cual el valordel camposerá
incrementadoodisminuidoencadapaso.
<inputtype="range"name="numero"id="numero"min=”0”max=”10”
step=”5”>
9.Tipo date
. El calendariole permiteal usuarioseleccionarundíaque seráingresadoenel campojuntocon el restode
la fecha.
<inputtype="date"name="fecha"id="fecha">
10.Tipo week
Normalmente el valoresperadotiene lasintaxis 2011-W50 donde 2011es al año y 50 esel númerode la
semana.
<inputtype="week"name="semana"id="semana">
11.Tipo month
Similaral tipode campo previo,éste esespecíficoparaseleccionarmeses.Normalmenteel valoresperado
tiene lasintaxis año-mes.
<inputtype="month"name="mes"id="mes">
12.Tipo time
Normalmente el valoresperadotiene lasintaxis hora:minutos:segundos,perotambiénpuedesersolo
hora:minutos.
<inputtype="time"name="hora"id="hora">
13.tipo datetime
El tipode campo datetime espara ingresarfechay hora completa,incluyendolazonahoraria.
<inputtype="datetime"name="fechahora"id="fechahora">
14.Tipo color
predefinidasimilarparaseleccionarcolores.Normalmente el valoresperadoparaeste
campo esun númerohexadecimal,como#00FF00.
<inputtype="color"name="micolor"id="micolor">

Más contenido relacionado

Destacado

IT-ISS 981 - Intellisystem - Integrated Satellite Solutions
IT-ISS 981 - Intellisystem - Integrated Satellite SolutionsIT-ISS 981 - Intellisystem - Integrated Satellite Solutions
IT-ISS 981 - Intellisystem - Integrated Satellite SolutionsCristian Randieri PhD
 
Encuesta responsabilidad social
Encuesta responsabilidad socialEncuesta responsabilidad social
Encuesta responsabilidad socialNidibela
 
Ley de Oferta y Demanda
Ley de Oferta y Demanda Ley de Oferta y Demanda
Ley de Oferta y Demanda joxicom07
 
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite Solutions
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite SolutionsIT-ISS 7710 Controller - Intellisystem - Integrated Satellite Solutions
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite SolutionsCristian Randieri PhD
 
Mi pieza - Isi fuentes
Mi pieza - Isi fuentesMi pieza - Isi fuentes
Mi pieza - Isi fuentesisifuentes
 
Modelo atam(mapa mental)
Modelo atam(mapa mental)Modelo atam(mapa mental)
Modelo atam(mapa mental)Mau Buenfil
 
Lee's Summit Hospital Malpractice Attorneys
Lee's Summit Hospital Malpractice AttorneysLee's Summit Hospital Malpractice Attorneys
Lee's Summit Hospital Malpractice AttorneysALTIERIGILMORE
 
Règlement blind test
Règlement blind testRèglement blind test
Règlement blind testfiestadessuds
 

Destacado (12)

Clinica asma felino
Clinica   asma felinoClinica   asma felino
Clinica asma felino
 
IT-ISS 981 - Intellisystem - Integrated Satellite Solutions
IT-ISS 981 - Intellisystem - Integrated Satellite SolutionsIT-ISS 981 - Intellisystem - Integrated Satellite Solutions
IT-ISS 981 - Intellisystem - Integrated Satellite Solutions
 
Encuesta responsabilidad social
Encuesta responsabilidad socialEncuesta responsabilidad social
Encuesta responsabilidad social
 
Derechos del niño
Derechos del niñoDerechos del niño
Derechos del niño
 
Zona30
Zona30Zona30
Zona30
 
Ley de Oferta y Demanda
Ley de Oferta y Demanda Ley de Oferta y Demanda
Ley de Oferta y Demanda
 
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite Solutions
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite SolutionsIT-ISS 7710 Controller - Intellisystem - Integrated Satellite Solutions
IT-ISS 7710 Controller - Intellisystem - Integrated Satellite Solutions
 
Mi pieza - Isi fuentes
Mi pieza - Isi fuentesMi pieza - Isi fuentes
Mi pieza - Isi fuentes
 
Presentación1
Presentación1Presentación1
Presentación1
 
Modelo atam(mapa mental)
Modelo atam(mapa mental)Modelo atam(mapa mental)
Modelo atam(mapa mental)
 
Lee's Summit Hospital Malpractice Attorneys
Lee's Summit Hospital Malpractice AttorneysLee's Summit Hospital Malpractice Attorneys
Lee's Summit Hospital Malpractice Attorneys
 
Règlement blind test
Règlement blind testRèglement blind test
Règlement blind test
 

Similar a Guis de seminario

Similar a Guis de seminario (8)

Nicolas castro sanchez
Nicolas castro sanchezNicolas castro sanchez
Nicolas castro sanchez
 
Get & post
Get & postGet & post
Get & post
 
Tema 6 - Formularios en html
Tema 6 - Formularios en htmlTema 6 - Formularios en html
Tema 6 - Formularios en html
 
Formularios en html
Formularios en htmlFormularios en html
Formularios en html
 
Atributos autofocus-etc
Atributos autofocus-etcAtributos autofocus-etc
Atributos autofocus-etc
 
Papa
PapaPapa
Papa
 
Html investigacion
Html investigacionHtml investigacion
Html investigacion
 
Html investigacion
Html investigacionHtml investigacion
Html investigacion
 

Último

AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...axelv9257
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfYanitza28
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfaxelv9257
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORASMarc Liust
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendidaLuis Francisco Reyes Aceves
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxgustavovasquezv56
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfYanitza28
 

Último (18)

AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
QUINTA SEXTA GENERACION de COMPUTADORAS
QUINTA  SEXTA GENERACION de COMPUTADORASQUINTA  SEXTA GENERACION de COMPUTADORAS
QUINTA SEXTA GENERACION de COMPUTADORAS
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
2023 07 Casos prácticos para Realidad aumentada, metaverso y realidad extendida
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 

Guis de seminario

  • 1. Formularios Web 1.El elemento<form> para expandirlos tantocomosea necesarioyproveerasílas funcionesactualmenteimplementadasen aplicacionesweb. <!DOCTYPE html> <html lang="es"> <head> <title>Formularios</title> </head> <body> <section> <form name="miformulario"id="miformulario"method="get"> <inputtype="text"name="nombre"id="nombre"> <inputtype="submit"value="Enviar"> </form> </section> </body> </html> 2.tipo text correspondíaa un email válido.Ahorael navegadorse hace cargo de esto con el nuevo 3.tipo email: <inputtype="email"name="miemail"id="miemail"> 4.Tipo search El tiposearch (búsqueda) nocontrolalaentrada,essolounaindicaciónparalos navegadores. <inputtype="search"name="busqueda"id="busqueda"> 5.Tipo url Este tipode campo trabajaexactamente igual que el tipo email peroesespecíficoparadireccionesweb. <inputtype="url"name="miurl"id="miurl"> 6.Tipo tel Es solouna indicaciónparael navegadorencaso de que necesite hacerajustesde acuerdoal dispositivo en el que la aplicaciónesejecutada. <inputtype="tel"name="telefono"id="telefono">
  • 2. 7.Tipo number Comosu nombre loindica,el tipo numberessóloválidocuandorecibe unaentrada numérica. tepEl valor de este atributodeterminael tamañoenel que el valorseráincrementadoodisminuidoencadapaso. <inputtype="number"name="numero"id="numero"min=”0”max=”10” step=”5”> 8.Tipo range El tiporange usa losatributos miny max estudiadospreviamente paraconfigurarloslímitesdel rango. Tambiénpuede utilizarel atributo stepparaestablecerel tamañoenel cual el valordel camposerá incrementadoodisminuidoencadapaso. <inputtype="range"name="numero"id="numero"min=”0”max=”10” step=”5”> 9.Tipo date . El calendariole permiteal usuarioseleccionarundíaque seráingresadoenel campojuntocon el restode la fecha. <inputtype="date"name="fecha"id="fecha"> 10.Tipo week Normalmente el valoresperadotiene lasintaxis 2011-W50 donde 2011es al año y 50 esel númerode la semana. <inputtype="week"name="semana"id="semana"> 11.Tipo month Similaral tipode campo previo,éste esespecíficoparaseleccionarmeses.Normalmenteel valoresperado tiene lasintaxis año-mes. <inputtype="month"name="mes"id="mes"> 12.Tipo time Normalmente el valoresperadotiene lasintaxis hora:minutos:segundos,perotambiénpuedesersolo hora:minutos. <inputtype="time"name="hora"id="hora"> 13.tipo datetime El tipode campo datetime espara ingresarfechay hora completa,incluyendolazonahoraria. <inputtype="datetime"name="fechahora"id="fechahora"> 14.Tipo color predefinidasimilarparaseleccionarcolores.Normalmente el valoresperadoparaeste campo esun númerohexadecimal,como#00FF00. <inputtype="color"name="micolor"id="micolor">