Furmularios
Transcript of Furmularios
![Page 1: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/1.jpg)
Formularios HTML
Disponible en: http://www.ingenieriasimple.com/introprograCopyright 2008 by Leonel Morales Díaz – Ingeniería Simple.
Derechos reservados
![Page 2: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/2.jpg)
Diálogo HTML
![Page 3: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/3.jpg)
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
![Page 4: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/4.jpg)
Formularios
<HTML><Head><Title>Un cuadro de texto</Title></Head><Body><H1>Ingreso de Datos de Libros</H1><Form Name=Libros><Form Name=Libros><P>Nombre del Libro: <Input Type=Text Name=NombreLibro
Size=40></P></Form></Form></Body></HTML>
![Page 5: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/5.jpg)
Cuadro de Texto – Text Box
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro Size=40></P>
![Page 6: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/6.jpg)
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><Textarea Rows=5 Cols=40 Name=Abstract>Ingrese un pequeño resumen del libro, puede ser la descripción de la contraportada.</Textarea></Textarea>
</P>
</Form>
ej020.html
![Page 7: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/7.jpg)
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 <Textarea Rows=2 Cols=40 Name=Descriptores></Textarea>Name=Descriptores></Textarea>
</P>
</Form>
ej021.html
![Page 8: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/8.jpg)
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 Su Contraseña: <Input Type=Password Name=Contrasena Size=10>Size=10>
</P></Form>
ej022.html
![Page 9: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/9.jpg)
Valores Iniciales
<Form Name=Libros><P>Nombre del Libro: <Input Type=Text Name=NombreLibro
Size=40 Value=“Leyendas de Guatemala”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”Value=“nada”>
</P></Form>
ej023.html
![Page 10: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/10.jpg)
Valores Iniciales
<Form Name=Libros><P>Nombre del Libro: <Input Type=Text Name=NombreLibro
Size=40 Value=“Leyendas de Guatemala”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”Value=“nada”>
</P></Form>
“hardcode a password”, incluír una contraseña en código.
Mala PrácticaMala Práctica
![Page 11: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/11.jpg)
Checkboxes
<Form Name=Libros>
<P>...
<Input Type=CheckBox Checked=1><Input Type=CheckBox Checked=1>Habilitado
</P>
</Form>
ej024.html
![Page 12: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/12.jpg)
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><Input Type=Radio Name=Pasta Checked=1>Suave
<Input Type=Radio Name=Pasta><Input Type=Radio Name=Pasta>Dura
<Input Type=Radio Name=Pasta><Input Type=Radio Name=Pasta>Empastado
</P>
</Form>
ej025.html
![Page 13: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/13.jpg)
Botones de Radio
<Form Name=Libros><P>...<Input Type=CheckBox Name=Habilitado Checked=1>Habilitado<BR>Tipo de Pasta:<Input Type=Radio Name=PastaName=Pasta Checked=1>Suave <Input Type=Radio Name=PastaName=Pasta>Dura<Input Type=Radio Name=PastaName=Pasta>Empastado<BR>Procedencia:<Input Type=Radio Name=ProcedenciaName=Procedencia>Donación <Input Type=Radio Name=ProcedenciaName=Procedencia Checked=1>Remesa<Input Type=Radio Name=ProcedenciaName=Procedencia>Préstamo</P></Form>
ej026.html
![Page 14: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/14.jpg)
Botones de Acción
<Form Name=Libros>
<P>...
<Input Type=Button Name=Guardar Value=Guardar> <Input Type=Button Name=Guardar Value=Guardar>
<Input Type=Button Name=Salir Value=Salir><Input Type=Button Name=Salir Value=Salir>
</P>
</Form>
ej027.html
![Page 15: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/15.jpg)
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=SubmitType=Submit Name=GuardaSale Value=“Guardar y Salir”>
<Input Type=ResetType=Reset Name=Cancelar Value=“Cancelar”>
</P>
</Form>
ej028.html
![Page 16: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/16.jpg)
Otros Botones de Acción
<Form Name=Libros>
<P>...
<Button AccessKey=y Type=Button>Guardar <U>y</U> <Button AccessKey=y Type=Button>Guardar <U>y</U> Nuevo</Button>Nuevo</Button>
</P>
</Form>
ej029.html
![Page 17: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/17.jpg)
Otros Inputs
Hidden – escondido<Input Type=HiddenType=Hidden Name=Usuario Value=“r méndez”>
File – archivo<Input Type=FileType=File Name=Portada Size=30>
ej030.html
![Page 18: Furmularios](https://reader035.fdocuments.net/reader035/viewer/2022081602/55623a98d8b42a52078b52a3/html5/thumbnails/18.jpg)
Tablas y Formularios
ej031.html