SlideShare una empresa de Scribd logo
1 de 18
Formularios HTML




Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple.
                  Derechos reservados                        Disponible en: http://www.ingenieriasimple.com/introprogra
Diálogo HTML
Formularios

<HTML>
<Head>
<Title>Un cuadro de texto</Title>
</Head>
<Body>
<H1>Ingreso de Datos de Libros</H1>
<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40></P>
</Form>
</Body>
</HTML>
                                               ej019.html
Formularios

<HTML>
<Head>
<Title>Un cuadro de texto</Title>
</Head>
<Body>
<H1>Ingreso de Datos de Libros</H1>
<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40></P>
</Form>
</Body>
</HTML>
Cuadro de Texto – Text Box

<P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P>
Area de Texto - TextArea

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40><BR>
Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un
   pequeño resumen del libro, puede ser la descripción de la
   contraportada.</Textarea>
</P>
</Form>




                                               ej020.html
Area de Texto - TextArea

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40><BR>
Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un
   pequeño resumen del libro, puede ser la descripción de la
   contraportada.</Textarea><BR>
Descriptores: <Textarea Rows=2 Cols=40
   Name=Descriptores></Textarea>
</P>
</Form>


                                                 ej021.html
Palabra Clave - Password

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40><BR>
Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un
   pequeño resumen del libro, puede ser la descripción de la
   contraportada.</Textarea><BR>
Descriptores: <Textarea Rows=2 Cols=40
   Name=Descriptores></Textarea><BR>
Su Contraseña: <Input Type=Password Name=Contrasena
   Size=10>
</P>
</Form>

                                                 ej022.html
Valores Iniciales

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40 Value=“Leyendas de Guatemala”><BR>
Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un
   pequeño resumen del libro, puede ser la descripción de la
   contraportada.</Textarea><BR>
Descriptores: <Textarea Rows=2 Cols=40
   Name=Descriptores></Textarea><BR>
Su Contraseña: <Input Type=Password Name=Contrasena Size=10
   Value=“nada”>
</P>
</Form>

                                               ej023.html
Valores Iniciales

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
   Size=40 Value=“Leyendas de Guatemala”><BR>
Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un
   pequeño resumen del libro, puede ser la descripción de la
   contraportada.</Textarea><BR>
Descriptores: <Textarea Rows=2 Cols=40
   Name=Descriptores></Textarea><BR>
Su Contraseña: <Input Type=Password Name=Contrasena Size=10
   Value=“nada”>
</P>                      “hardcode a password”, incluír una
</Form>                          contraseña en código.
                                 Mala Práctica
Checkboxes

<Form Name=Libros>
<P>...
<Input Type=CheckBox Checked=1>Habilitado
</P>
</Form>




                                     ej024.html
Botones de Radio

<Form Name=Libros>
<P>...
<Input Type=CheckBox Name=Habilitado
   Checked=1>Habilitado<BR>
Tipo de Pasta:
<Input Type=Radio Name=Pasta Checked=1>Suave
<Input Type=Radio Name=Pasta>Dura
<Input Type=Radio Name=Pasta>Empastado
</P>
</Form>

                                           ej025.html
Botones de Radio

<Form Name=Libros>
<P>...
<Input Type=CheckBox Name=Habilitado Checked=1>Habilitado<BR>
Tipo de Pasta:
<Input Type=Radio Name=Pasta Checked=1>Suave
<Input Type=Radio Name=Pasta>Dura
<Input Type=Radio Name=Pasta>Empastado<BR>
Procedencia:
<Input Type=Radio Name=Procedencia>Donación
<Input Type=Radio Name=Procedencia Checked=1>Remesa
<Input Type=Radio Name=Procedencia>Préstamo
</P>
</Form>
                                                   ej026.html
Botones de Acción

<Form Name=Libros>
<P>...
<Input Type=Button Name=Guardar Value=Guardar>
<Input Type=Button Name=Salir Value=Salir>
</P>
</Form>




                                            ej027.html
Otros Botones de Acción

<Form Name=Libros>
<P>...
<Input Type=Button Name=Guardar Value=Guardar>
<Input Type=Button Name=Salir Value=Salir><BR>
<Input Type=Submit Name=GuardaSale Value=“Guardar y Salir”>
<Input Type=Reset Name=Cancelar Value=“Cancelar”>
</P>
</Form>




                                               ej028.html
Otros Botones de Acción

<Form Name=Libros>
<P>...
<Button AccessKey=y Type=Button>Guardar <U>y</U>
   Nuevo</Button>
</P>
</Form>




                                           ej029.html
Otros Inputs

 Hidden – escondido
<Input Type=Hidden Name=Usuario Value=“r méndez”>



 File – archivo
<Input Type=File Name=Portada Size=30>




                                              ej030.html
Tablas y Formularios




                  ej031.html

Más contenido relacionado

Destacado

2013 14 syria origami cranes for peace
2013 14 syria origami cranes for peace2013 14 syria origami cranes for peace
2013 14 syria origami cranes for peaceShannon Anicas
 
China thru american eyes long shannon
China thru american eyes long shannonChina thru american eyes long shannon
China thru american eyes long shannonShannon Anicas
 
Nepal cultural holidays mahananda
Nepal cultural holidays   mahanandaNepal cultural holidays   mahananda
Nepal cultural holidays mahanandaShannon Anicas
 
Abbrev afghanistan-humayoon
Abbrev afghanistan-humayoonAbbrev afghanistan-humayoon
Abbrev afghanistan-humayoonShannon Anicas
 
12 perbedaan sistem pendidikan indonesia
12 perbedaan sistem pendidikan indonesia12 perbedaan sistem pendidikan indonesia
12 perbedaan sistem pendidikan indonesiaFarion Dusun
 
Henrietta deny ghana-elementary school-presentation[1]
Henrietta deny  ghana-elementary school-presentation[1]Henrietta deny  ghana-elementary school-presentation[1]
Henrietta deny ghana-elementary school-presentation[1]Shannon Anicas
 
Como extrair o potencial máximo do e-commerce para o seu negócio
Como extrair o potencial máximo do e-commerce para o seu negócioComo extrair o potencial máximo do e-commerce para o seu negócio
Como extrair o potencial máximo do e-commerce para o seu negócioLeandro Rodrigues
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileVitor Albuquerque
 
2014 15 holiday template
2014 15 holiday template2014 15 holiday template
2014 15 holiday templateShannon Anicas
 
Оценка ЭМС
Оценка ЭМСОценка ЭМС
Оценка ЭМСmad_gelo
 

Destacado (19)

2013 14 syria origami cranes for peace
2013 14 syria origami cranes for peace2013 14 syria origami cranes for peace
2013 14 syria origami cranes for peace
 
Burma starter-
Burma starter-Burma starter-
Burma starter-
 
Nepal mahananda
Nepal mahanandaNepal mahananda
Nepal mahananda
 
China thru american eyes long shannon
China thru american eyes long shannonChina thru american eyes long shannon
China thru american eyes long shannon
 
Nepal cultural holidays mahananda
Nepal cultural holidays   mahanandaNepal cultural holidays   mahananda
Nepal cultural holidays mahananda
 
Abbrev afghanistan-humayoon
Abbrev afghanistan-humayoonAbbrev afghanistan-humayoon
Abbrev afghanistan-humayoon
 
12 perbedaan sistem pendidikan indonesia
12 perbedaan sistem pendidikan indonesia12 perbedaan sistem pendidikan indonesia
12 perbedaan sistem pendidikan indonesia
 
Chile working ppt
Chile   working pptChile   working ppt
Chile working ppt
 
Henrietta deny ghana-elementary school-presentation[1]
Henrietta deny  ghana-elementary school-presentation[1]Henrietta deny  ghana-elementary school-presentation[1]
Henrietta deny ghana-elementary school-presentation[1]
 
Como extrair o potencial máximo do e-commerce para o seu negócio
Como extrair o potencial máximo do e-commerce para o seu negócioComo extrair o potencial máximo do e-commerce para o seu negócio
Como extrair o potencial máximo do e-commerce para o seu negócio
 
PowerPoint!
PowerPoint!PowerPoint!
PowerPoint!
 
POWERPOINT
POWERPOINTPOWERPOINT
POWERPOINT
 
Intervalo Técnico - QG Mobile
Intervalo Técnico - QG MobileIntervalo Técnico - QG Mobile
Intervalo Técnico - QG Mobile
 
2014 15 holiday template
2014 15 holiday template2014 15 holiday template
2014 15 holiday template
 
Who Am I
Who Am IWho Am I
Who Am I
 
Оценка ЭМС
Оценка ЭМСОценка ЭМС
Оценка ЭМС
 
Powerpoint!
Powerpoint!Powerpoint!
Powerpoint!
 
Mesa redonda TDD
Mesa redonda TDDMesa redonda TDD
Mesa redonda TDD
 
PowerPoint!
PowerPoint!PowerPoint!
PowerPoint!
 

Similar a Furmularios (8)

Guia de formularios en html
Guia de formularios en htmlGuia de formularios en html
Guia de formularios en html
 
Formularios
FormulariosFormularios
Formularios
 
Segunda Clase de xhtml
Segunda Clase de xhtmlSegunda Clase de xhtml
Segunda Clase de xhtml
 
Los Formularios en HTML
Los Formularios en HTMLLos Formularios en HTML
Los Formularios en HTML
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
2.componentes de html5
2.componentes de html52.componentes de html5
2.componentes de html5
 
Tarea tercero bachillerato
Tarea tercero bachilleratoTarea tercero bachillerato
Tarea tercero bachillerato
 
Cuarta clase
Cuarta claseCuarta clase
Cuarta clase
 

Más de wenorro

Hojas de estilo
Hojas de estiloHojas de estilo
Hojas de estilowenorro
 
Las tablas
Las tablasLas tablas
Las tablaswenorro
 
Instrucciones html
Instrucciones htmlInstrucciones html
Instrucciones htmlwenorro
 
Principios basicos del html
Principios basicos del htmlPrincipios basicos del html
Principios basicos del htmlwenorro
 
Insertar video
Insertar videoInsertar video
Insertar videowenorro
 
Insertar sonido
Insertar sonidoInsertar sonido
Insertar sonidowenorro
 
Insertar animaciones y transiciones
Insertar animaciones y transicionesInsertar animaciones y transiciones
Insertar animaciones y transicioneswenorro
 
Insertar tablas 2
Insertar tablas 2Insertar tablas 2
Insertar tablas 2wenorro
 
Insertar imagenes
Insertar imagenesInsertar imagenes
Insertar imageneswenorro
 
Herramientas
HerramientasHerramientas
Herramientaswenorro
 
Conociendo p ower point
Conociendo p ower pointConociendo p ower point
Conociendo p ower pointwenorro
 
4. análisis eco fin ii
4. análisis eco fin ii4. análisis eco fin ii
4. análisis eco fin iiwenorro
 
3. análisis eco fin i
3. análisis eco fin i3. análisis eco fin i
3. análisis eco fin iwenorro
 
T 5. balance situación y pérdidas y ganancias
T 5. balance situación y pérdidas y gananciasT 5. balance situación y pérdidas y ganancias
T 5. balance situación y pérdidas y gananciaswenorro
 
T 3. pérdidas y ganancias
T 3. pérdidas y gananciasT 3. pérdidas y ganancias
T 3. pérdidas y gananciaswenorro
 
Asientos contables
Asientos contablesAsientos contables
Asientos contableswenorro
 
T 9. los asientos-ii
T 9. los asientos-iiT 9. los asientos-ii
T 9. los asientos-iiwenorro
 
T 8. los asientos-i
T 8. los asientos-iT 8. los asientos-i
T 8. los asientos-iwenorro
 
La cuenta y el asiento
La cuenta y el asientoLa cuenta y el asiento
La cuenta y el asientowenorro
 

Más de wenorro (20)

Hojas de estilo
Hojas de estiloHojas de estilo
Hojas de estilo
 
Marcos
MarcosMarcos
Marcos
 
Las tablas
Las tablasLas tablas
Las tablas
 
Instrucciones html
Instrucciones htmlInstrucciones html
Instrucciones html
 
Principios basicos del html
Principios basicos del htmlPrincipios basicos del html
Principios basicos del html
 
Insertar video
Insertar videoInsertar video
Insertar video
 
Insertar sonido
Insertar sonidoInsertar sonido
Insertar sonido
 
Insertar animaciones y transiciones
Insertar animaciones y transicionesInsertar animaciones y transiciones
Insertar animaciones y transiciones
 
Insertar tablas 2
Insertar tablas 2Insertar tablas 2
Insertar tablas 2
 
Insertar imagenes
Insertar imagenesInsertar imagenes
Insertar imagenes
 
Herramientas
HerramientasHerramientas
Herramientas
 
Conociendo p ower point
Conociendo p ower pointConociendo p ower point
Conociendo p ower point
 
4. análisis eco fin ii
4. análisis eco fin ii4. análisis eco fin ii
4. análisis eco fin ii
 
3. análisis eco fin i
3. análisis eco fin i3. análisis eco fin i
3. análisis eco fin i
 
T 5. balance situación y pérdidas y ganancias
T 5. balance situación y pérdidas y gananciasT 5. balance situación y pérdidas y ganancias
T 5. balance situación y pérdidas y ganancias
 
T 3. pérdidas y ganancias
T 3. pérdidas y gananciasT 3. pérdidas y ganancias
T 3. pérdidas y ganancias
 
Asientos contables
Asientos contablesAsientos contables
Asientos contables
 
T 9. los asientos-ii
T 9. los asientos-iiT 9. los asientos-ii
T 9. los asientos-ii
 
T 8. los asientos-i
T 8. los asientos-iT 8. los asientos-i
T 8. los asientos-i
 
La cuenta y el asiento
La cuenta y el asientoLa cuenta y el asiento
La cuenta y el asiento
 

Furmularios

  • 1. Formularios HTML Copyright 2008 by Leonel Morales Díaz – Ingeniería Simple. Derechos reservados Disponible en: http://www.ingenieriasimple.com/introprogra
  • 3. Formularios <HTML> <Head> <Title>Un cuadro de texto</Title> </Head> <Body> <H1>Ingreso de Datos de Libros</H1> <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P> </Form> </Body> </HTML> ej019.html
  • 4. Formularios <HTML> <Head> <Title>Un cuadro de texto</Title> </Head> <Body> <H1>Ingreso de Datos de Libros</H1> <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P> </Form> </Body> </HTML>
  • 5. Cuadro de Texto – Text Box <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P>
  • 6. Area de Texto - TextArea <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40><BR> Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea> </P> </Form> ej020.html
  • 7. Area de Texto - TextArea <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40><BR> Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea><BR> Descriptores: <Textarea Rows=2 Cols=40 Name=Descriptores></Textarea> </P> </Form> ej021.html
  • 8. Palabra Clave - Password <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40><BR> Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea><BR> Descriptores: <Textarea Rows=2 Cols=40 Name=Descriptores></Textarea><BR> Su Contraseña: <Input Type=Password Name=Contrasena Size=10> </P> </Form> ej022.html
  • 9. Valores Iniciales <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40 Value=“Leyendas de Guatemala”><BR> Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea><BR> Descriptores: <Textarea Rows=2 Cols=40 Name=Descriptores></Textarea><BR> Su Contraseña: <Input Type=Password Name=Contrasena Size=10 Value=“nada”> </P> </Form> ej023.html
  • 10. Valores Iniciales <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40 Value=“Leyendas de Guatemala”><BR> Abstract: <Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea><BR> Descriptores: <Textarea Rows=2 Cols=40 Name=Descriptores></Textarea><BR> Su Contraseña: <Input Type=Password Name=Contrasena Size=10 Value=“nada”> </P> “hardcode a password”, incluír una </Form> contraseña en código. Mala Práctica
  • 11. Checkboxes <Form Name=Libros> <P>... <Input Type=CheckBox Checked=1>Habilitado </P> </Form> ej024.html
  • 12. Botones de Radio <Form Name=Libros> <P>... <Input Type=CheckBox Name=Habilitado Checked=1>Habilitado<BR> Tipo de Pasta: <Input Type=Radio Name=Pasta Checked=1>Suave <Input Type=Radio Name=Pasta>Dura <Input Type=Radio Name=Pasta>Empastado </P> </Form> ej025.html
  • 13. Botones de Radio <Form Name=Libros> <P>... <Input Type=CheckBox Name=Habilitado Checked=1>Habilitado<BR> Tipo de Pasta: <Input Type=Radio Name=Pasta Checked=1>Suave <Input Type=Radio Name=Pasta>Dura <Input Type=Radio Name=Pasta>Empastado<BR> Procedencia: <Input Type=Radio Name=Procedencia>Donación <Input Type=Radio Name=Procedencia Checked=1>Remesa <Input Type=Radio Name=Procedencia>Préstamo </P> </Form> ej026.html
  • 14. Botones de Acción <Form Name=Libros> <P>... <Input Type=Button Name=Guardar Value=Guardar> <Input Type=Button Name=Salir Value=Salir> </P> </Form> ej027.html
  • 15. Otros Botones de Acción <Form Name=Libros> <P>... <Input Type=Button Name=Guardar Value=Guardar> <Input Type=Button Name=Salir Value=Salir><BR> <Input Type=Submit Name=GuardaSale Value=“Guardar y Salir”> <Input Type=Reset Name=Cancelar Value=“Cancelar”> </P> </Form> ej028.html
  • 16. Otros Botones de Acción <Form Name=Libros> <P>... <Button AccessKey=y Type=Button>Guardar <U>y</U> Nuevo</Button> </P> </Form> ej029.html
  • 17. Otros Inputs  Hidden – escondido <Input Type=Hidden Name=Usuario Value=“r méndez”>  File – archivo <Input Type=File Name=Portada Size=30> ej030.html
  • 18. Tablas y Formularios ej031.html