Formularios HTML Leonel Morales Daz Ingeniera Simple leonelingenieriasimple

Formularios HTML Leonel Morales Díaz Ingeniería Simple leonel@ingenieriasimple. com Copyright 2008 by Leonel Morales

Formularios <HTML> <Head> <Title>Un cuadro de texto</Title> </Head> <Body> <H 1>Ingreso de Datos de

Cuadro de Texto – Text Box <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40></P>

Area de Texto - Text. Area <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre.

Palabra Clave - Password <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40><BR>

Valores Iniciales <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40 Value=“Leyendas de

Checkboxes <Form Name=Libros> <P>. . . <Input Type=Check. Box Checked=1>Habilitado Checked=1> </P> </Form> ej

Botones de Radio <Form Name=Libros> <P>. . . <Input Type=Check. Box Name=Habilitado Checked=1>Habilitado<BR> Tipo

Botones de Acción <Form Name=Libros> <P>. . . <Input Type=Button Name=Guardar Value=Guardar> <Input Type=Button

Otros Botones de Acción <Form Name=Libros> <P>. . . <Input Type=Button Name=Guardar Value=Guardar> <Input

Otros Botones de Acción <Form Name=Libros> <P>. . . <Button Access. Key=y Type=Button>Guardar <U>y</U>

Otros Inputs w Hidden – escondido <Input Type=Hidden Name=Usuario Value=“r méndez”> w File –

Mejora de Formularios w Utilizando tablas w Ver: n n ej 032. html ej

Slides: 19

Download presentation

Formularios HTML Leonel Morales Díaz Ingeniería Simple leonel@ingenieriasimple. com 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> <H 1>Ingreso de Datos de Libros</H 1> <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40></P> </Form> </Body> </HTML> ej 019. html

Cuadro de Texto – Text Box <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40></P>

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

Area de Texto - Text. Area <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro 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> ej 021. html

Palabra Clave - Password <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro 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> ej 022. html

Valores Iniciales <Form Name=Libros> <P>Nombre del Libro: <Input Type=Text Name=Nombre. Libro Size=40 Value=“Leyendas de Guatemala”><BR> Guatemala” 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> ej 023. html

Checkboxes <Form Name=Libros> <P>. . . <Input Type=Check. Box Checked=1>Habilitado Checked=1> </P> </Form> ej 024. html

Botones de Radio <Form Name=Libros> <P>. . . <Input Type=Check. Box Name=Habilitado Checked=1>Habilitado<BR> Tipo de Pasta: <Input Type=Radio Name=Pasta Checked=1>Suave Checked=1> <Input Type=Radio Name=Pasta>Dura Name=Pasta> <Input Type=Radio Name=Pasta>Empastado Name=Pasta> </P> </Form> ej 025. html

Botones de Radio <Form Name=Libros> <P>. . . <Input Type=Check. Box Name=Habilitado Checked=1>Habilitado<BR> Tipo de Pasta: <Input Type=Radio Name=Pasta Checked=1>Suave <Input Type=Radio Name=Pasta>Dura Name=Pasta <Input Type=Radio Name=Pasta>Empastado<BR> Name=Pasta Procedencia: <Input Type=Radio Name=Procedencia>Donación Name=Procedencia <Input Type=Radio Name=Procedencia Checked=1>Remesa <Input Type=Radio Name=Procedencia>Préstamo Name=Procedencia </P> </Form> ej 026. 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> ej 027. 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=Guarda. Sale Value=“Guardar y Salir”> <Input Type=Reset Name=Cancelar Value=“Cancelar”> </P> </Form> ej 028. html

Otros Botones de Acción <Form Name=Libros> <P>. . . <Button Access. Key=y Type=Button>Guardar <U>y</U> Nuevo</Button> </P> </Form> ej 029. html

Otros Inputs w Hidden – escondido <Input Type=Hidden Name=Usuario Value=“r méndez”> w File – archivo <Input Type=File Name=Portada Size=30> ej 030. html

Tablas y Formularios ej 031. html

Mejora de Formularios w Utilizando tablas w Ver: n n ej 032. html ej 033. html ej 034. html ej 035. html