SlideShare una empresa de Scribd logo
1 de 4
NicolasCastroSanchez
Jospehdiaz902
FormulariosenlapaginaWeb
Código
<html>
<head>
<title>FormularioTrabajo</title>
<linkrel="stylesheet"type="text/css"href="formulario.css"media="all"/>
</head>
<body>
<form id="formulario"action="enviado.php"method="post">
<fieldset>
<legend>Formulariode Ejemplo</legend>
<label>Nombre</label>
<inputid="campo1"name="nombre"type="text"/>
<label>Email</label>
<inputid="campo2"name="email"type="text"/>
<inputid="campo3"name="enviar"type="submit"value="Enviar"/>
</fieldset>
</form>
</body>
</html>
Los camposde selecciónse utilizanparainsertarmenúsylistasdesplegables.
Para insertarunode estosmenúso listasesnecesarioinsertarlasetiquetas<select>y</select>en
un formulario.
El atributoname indicael nombre del menúolistaseráel nombre de lavariable que contendráel
valorseleccionado.
El atributosize indicael númerode elementosde lalistaque puedenservisualizadosal mismo
tiempo,determinael altode lalista.
La aparicióndel atributomultipleindicaque el usuariopodráseleccionarvarioselementosde la
listaal mismotiempo,ayudándosede lateclaCtrl.Este atributono toma valores.
La aparicióndel atributodisabledindicaque lalistaestará desactivada,porloque el usuariono
podrá seleccionarsuselementos.Este atributotampocotomavalores.
Cada unode loselementosde lalistahade insertarse entre lasetiquetas<option>y</option>.
El atributovalue indicael valoraenviarsi se seleccionael elemento.Si nose especificaeste
atributo,se enviaráel textode laopción,que se encuentraentre lasetiquetas<option>y
</option>.
La aparicióndel atributoselectedindicaque el elementoapareceráseleccionado.Este atributono
toma valores.
Por ejemplo,parainsertarel menú:
Los formulariosse insertanatravésde lasetiquetas<form>y</form>. Entre dichasetiquetas
habrá que insertarlosdiferentesobjetosque formaránel formulario.laetiqueta<form>tiene los
siguientesatributos:
El atributoactionindicaunadirecciónde correoelectrónicoala que mandarel formulario,ola
direccióndel programaque se encargará de procesarel contenidodel formulario.
El atributoenctype indicael modoenque serácifradala informaciónparasuenvío.Pordefecto
tiene el valorapplication/x-www-form-urlencoded.
El atributomethodindicael metodomediante el que se transferiránlasvariablesdel formulario.
Su valorpuede sergeto post.
El valorgetse utilizacuando nose van a producircambiosenningúndocumentooprograma que
no seael navegadordel usuarioque pretendemandarel formulario,comoocurre cuandose
realizanconsultassobre unabase de datos.
El valorpostse utilizacuandosí se van a producircambios,comoocurre cuandoel usuariomanda
datosque debenseralmacenadosenunabase de datos.
Se recomiendautilizarel valorpost.
Por ejemplo,podríamosinsertarunformularioescribiendoel siguiente código:

Más contenido relacionado

Similar a Nicolas castro sanchez (20)

Documentacion jhon elvis_quispe_gutierrez
Documentacion jhon elvis_quispe_gutierrezDocumentacion jhon elvis_quispe_gutierrez
Documentacion jhon elvis_quispe_gutierrez
 
Jacqueline nuñez pacco
Jacqueline nuñez paccoJacqueline nuñez pacco
Jacqueline nuñez pacco
 
Jacqueline nuñez pacco
Jacqueline nuñez paccoJacqueline nuñez pacco
Jacqueline nuñez pacco
 
Tema 6 - Formularios en html
Tema 6 - Formularios en htmlTema 6 - Formularios en html
Tema 6 - Formularios en html
 
Html power
Html powerHtml power
Html power
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Reg estado
Reg estadoReg estado
Reg estado
 
PROYECTO_PARTE_3.pdf
PROYECTO_PARTE_3.pdfPROYECTO_PARTE_3.pdf
PROYECTO_PARTE_3.pdf
 
Consultar estado
Consultar estadoConsultar estado
Consultar estado
 
Practicos script
Practicos scriptPracticos script
Practicos script
 
Practica1 CSS
Practica1 CSSPractica1 CSS
Practica1 CSS
 
05 desarrollocss (3)
05 desarrollocss (3)05 desarrollocss (3)
05 desarrollocss (3)
 
Formularios HTML
Formularios HTMLFormularios HTML
Formularios HTML
 
Get & post
Get & postGet & post
Get & post
 
html 6.docx
html 6.docxhtml 6.docx
html 6.docx
 
Aprendiendo php 3
Aprendiendo php 3Aprendiendo php 3
Aprendiendo php 3
 
INSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIOINSERTAR ELEMENTOS DE FORMULARIO
INSERTAR ELEMENTOS DE FORMULARIO
 
Ajax
AjaxAjax
Ajax
 
6
66
6
 
Clase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño WebClase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño Web
 

Más de nicolas1811

Colegionacionalnicolasesguerra 150911023034-lva1-app6892h
Colegionacionalnicolasesguerra 150911023034-lva1-app6892hColegionacionalnicolasesguerra 150911023034-lva1-app6892h
Colegionacionalnicolasesguerra 150911023034-lva1-app6892h
nicolas1811
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
nicolas1811
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
nicolas1811
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
nicolas1811
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
nicolas1811
 
Carrera24bn 140714102713-phpapp0fff1
Carrera24bn 140714102713-phpapp0fff1Carrera24bn 140714102713-phpapp0fff1
Carrera24bn 140714102713-phpapp0fff1
nicolas1811
 

Más de nicolas1811 (20)

Trabajo final informatica
Trabajo final informaticaTrabajo final informatica
Trabajo final informatica
 
Página web 2
Página web 2 Página web 2
Página web 2
 
Pagina web1vb
Pagina web1vb   Pagina web1vb
Pagina web1vb
 
goooooooooooooooool
gooooooooooooooooolgoooooooooooooooool
goooooooooooooooool
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892h
Colegionacionalnicolasesguerra 150911023034-lva1-app6892hColegionacionalnicolasesguerra 150911023034-lva1-app6892h
Colegionacionalnicolasesguerra 150911023034-lva1-app6892h
 
Awerfvbjklpoiuhygt7yghjk
Awerfvbjklpoiuhygt7yghjkAwerfvbjklpoiuhygt7yghjk
Awerfvbjklpoiuhygt7yghjk
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
 
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892Colegionacionalnicolasesguerra 150911023034-lva1-app6892
Colegionacionalnicolasesguerra 150911023034-lva1-app6892
 
Plantilla con-normas-icontec1
Plantilla con-normas-icontec1Plantilla con-normas-icontec1
Plantilla con-normas-icontec1
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Presentación1
Presentación1 Presentación1
Presentación1
 
Gtegtgtttrggrg (1)hhhh
Gtegtgtttrggrg (1)hhhhGtegtgtttrggrg (1)hhhh
Gtegtgtttrggrg (1)hhhh
 
Nicolas castro sanchez 901
Nicolas castro sanchez 901Nicolas castro sanchez 901
Nicolas castro sanchez 901
 
Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1)  Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1)
 
Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1)Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1)
 
Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1) Gtegtgtttrggrg (1)
Gtegtgtttrggrg (1)
 
Carrera24bn 140714102713-phpapp0fff1
Carrera24bn 140714102713-phpapp0fff1Carrera24bn 140714102713-phpapp0fff1
Carrera24bn 140714102713-phpapp0fff1
 
Gtegtgtttrggrg gh
Gtegtgtttrggrg ghGtegtgtttrggrg gh
Gtegtgtttrggrg gh
 
Jiji asi es su madre
Jiji asi es su madre Jiji asi es su madre
Jiji asi es su madre
 

Último

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 

Último (20)

Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
DIAGNÓSTICO AMBIENTAL Y URBANO. POTOCOS.
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 

Nicolas castro sanchez