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 (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

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 

Último (20)

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 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>