Está en la página 1de 19

Formularios HTML

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
Name=Abstract> 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>
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>
Valores Iniciales

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
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>
Valores Iniciales

<Form Name=Libros>
<P>Nombre del Libro: <Input Type=Text Name=NombreLibro
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> “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
Checked=1>
</P>
</Form>
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
Checked=1>
<Input Type=Radio Name=Pasta>Dura
Name=Pasta>
<Input Type=Radio Name=Pasta>Empastado
Name=Pasta>
</P>
</Form>
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
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>
Botones de Acción

<Form Name=Libros>
<P>...
<Input Type=Button Name=Guardar Value=Guardar>
<Input Type=Button Name=Salir Value=Salir>
</P>
</Form>
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>
Otros Botones de Acción

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

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

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

Deporte favorito:
<select name="deporte">
<option value =1>Fútbol</option>
<option value =2 >Críquet</option>
<option>Básquetbol</option>
<option>Hockey</option>
<option>Tenis</option>
</select>
Tablas y Formularios

También podría gustarte