SlideShare una empresa de Scribd logo
1 de 1
Formularios
Los formularios interactivos permiten a los autores de páginas Web poner elementos
interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma
similar a las cartas de respuestas que se encuentra en algunas revistas.
El lector escribe la información rellenando campos o haciendo clic sobre botones, y luego
presiona un botón de envío para enviarla a una dirección URL que se suele dirigir a una
dirección de correo electrónico o a un script dinámico Web como PHP, ASP o CGI.
EJEMPLO:
<html>
<center>
<head>
<title> CONTACTENOS </title>
</head>
<form id="contact_form" action="#" method="POST" enctype="multipart/form-data">
<div class="row">
<label for="Nombre">JUAN GUTIÉRREZ:</label><br />
<input id="Nombre" class="input" name="name" type="text" value=""
size="30" /><br />
</div>
<div class="row">
<label for="Correo electronico">Skategutierrez@gmail.com:</label><br />
<input id="Correo electronico" class="input" name="Correo Electronico"
type="text" value="" size="30" /><br />
</div>
<div class="row">
<label for="Nombre">Bogotá-Colombia:</label><br />
<input id="Nombre" class="input" name="name" type="text" value=""
size="30" /><br />
<div class="row">
<label for="Nombre">Facebook: JuanGutiérrez527 Limitada:</label><br />
<input id="Nombre" class="input" name="name" type="text" value=""
size="30" /><br />
<div class="row">
<label for="Comentarios">Tu mensaje:</label><br />
<textarea id="Comentarios" class="input" name="Comentarios" rows="7"
cols="30"></textarea><br />
</div>
<input id="submit_button" type="submit" value="Enviar email" />
</form>
</center>

Más contenido relacionado

Similar a Formularios

Similar a Formularios (16)

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
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Trucos html
Trucos htmlTrucos html
Trucos html
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externos
 
Clase 8 wix
Clase 8 wixClase 8 wix
Clase 8 wix
 
Curso html
Curso htmlCurso html
Curso html
 
Clase6 sitio web construccion
Clase6 sitio web construccionClase6 sitio web construccion
Clase6 sitio web construccion
 
etiquetas de word
etiquetas de wordetiquetas de word
etiquetas de word
 
3.css
3.css3.css
3.css
 
Bloque #3
Bloque #3Bloque #3
Bloque #3
 
Taller Sobre Uso Del Blog
Taller Sobre Uso Del BlogTaller Sobre Uso Del Blog
Taller Sobre Uso Del Blog
 
Guia de Aprendizaje
Guia de Aprendizaje Guia de Aprendizaje
Guia de Aprendizaje
 
Google apps formularios martín garcía valle
Google apps formularios martín garcía valleGoogle apps formularios martín garcía valle
Google apps formularios martín garcía valle
 
Clase 7 Excel
Clase 7 ExcelClase 7 Excel
Clase 7 Excel
 
Anthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en htmlAnthony rodriguez codigos de tablas en html
Anthony rodriguez codigos de tablas en html
 

Más de SkateGutierrez

Microsoft lanzará windows 10 el 29 de julio
Microsoft lanzará windows 10 el 29 de julioMicrosoft lanzará windows 10 el 29 de julio
Microsoft lanzará windows 10 el 29 de julioSkateGutierrez
 
Colegio Nacional Nicolás Esguerra
Colegio Nacional Nicolás EsguerraColegio Nacional Nicolás Esguerra
Colegio Nacional Nicolás EsguerraSkateGutierrez
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerraSkateGutierrez
 
Corrección de evaluación en clase
Corrección de evaluación en clase Corrección de evaluación en clase
Corrección de evaluación en clase SkateGutierrez
 
Corrección de evaluación
Corrección de evaluación Corrección de evaluación
Corrección de evaluación SkateGutierrez
 

Más de SkateGutierrez (15)

Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
Doc1
Doc1Doc1
Doc1
 
Plantilla 903 icontec
Plantilla 903 icontecPlantilla 903 icontec
Plantilla 903 icontec
 
Access 2010 10 del 07
Access 2010 10 del 07Access 2010 10 del 07
Access 2010 10 del 07
 
Plantilla 903 icontec
Plantilla 903 icontecPlantilla 903 icontec
Plantilla 903 icontec
 
Plantilla 903 icontec
Plantilla 903 icontecPlantilla 903 icontec
Plantilla 903 icontec
 
Microsoft lanzará windows 10 el 29 de julio
Microsoft lanzará windows 10 el 29 de julioMicrosoft lanzará windows 10 el 29 de julio
Microsoft lanzará windows 10 el 29 de julio
 
Colegio Nacional Nicolás Esguerra
Colegio Nacional Nicolás EsguerraColegio Nacional Nicolás Esguerra
Colegio Nacional Nicolás Esguerra
 
Presentación1
Presentación1Presentación1
Presentación1
 
Colegio nicolás esguerra
Colegio nicolás esguerraColegio nicolás esguerra
Colegio nicolás esguerra
 
Corrección de evaluación en clase
Corrección de evaluación en clase Corrección de evaluación en clase
Corrección de evaluación en clase
 
Corrección de evaluación
Corrección de evaluación Corrección de evaluación
Corrección de evaluación
 
Presentación58285
Presentación58285Presentación58285
Presentación58285
 
trabajo en clase
trabajo en clase trabajo en clase
trabajo en clase
 
Presentación58285
Presentación58285Presentación58285
Presentación58285
 

Último

Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfNataliaMalky1
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialpatriciaines1993
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfAlfredoRamirez953210
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfromanmillans
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024IES Vicent Andres Estelles
 

Último (20)

Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdfLA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
LA OVEJITA QUE VINO A CENAR CUENTO INFANTIL.pdf
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
Día de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundialDía de la Madre Tierra-1.pdf día mundial
Día de la Madre Tierra-1.pdf día mundial
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdfEstrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
Estrategias de enseñanza - aprendizaje. Seminario de Tecnologia..pptx.pdf
 
PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
Estrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdfEstrategia de Enseñanza y Aprendizaje.pdf
Estrategia de Enseñanza y Aprendizaje.pdf
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024Metabolismo 3: Anabolismo y Fotosíntesis 2024
Metabolismo 3: Anabolismo y Fotosíntesis 2024
 

Formularios

  • 1. Formularios Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas revistas. El lector escribe la información rellenando campos o haciendo clic sobre botones, y luego presiona un botón de envío para enviarla a una dirección URL que se suele dirigir a una dirección de correo electrónico o a un script dinámico Web como PHP, ASP o CGI. EJEMPLO: <html> <center> <head> <title> CONTACTENOS </title> </head> <form id="contact_form" action="#" method="POST" enctype="multipart/form-data"> <div class="row"> <label for="Nombre">JUAN GUTIÉRREZ:</label><br /> <input id="Nombre" class="input" name="name" type="text" value="" size="30" /><br /> </div> <div class="row"> <label for="Correo electronico">Skategutierrez@gmail.com:</label><br /> <input id="Correo electronico" class="input" name="Correo Electronico" type="text" value="" size="30" /><br /> </div> <div class="row"> <label for="Nombre">Bogotá-Colombia:</label><br /> <input id="Nombre" class="input" name="name" type="text" value="" size="30" /><br /> <div class="row"> <label for="Nombre">Facebook: JuanGutiérrez527 Limitada:</label><br /> <input id="Nombre" class="input" name="name" type="text" value="" size="30" /><br /> <div class="row"> <label for="Comentarios">Tu mensaje:</label><br /> <textarea id="Comentarios" class="input" name="Comentarios" rows="7" cols="30"></textarea><br /> </div> <input id="submit_button" type="submit" value="Enviar email" /> </form> </center>