domingo, 20 de mayo de 2012

PRACTICA 8: “CREACION DE FORMULARIOS”

<html>
<head><title>PRACTICA 8: FORMULARIOS </title></head>
<body>

<h1><center><font color="red"> FORMULARIOS </font> </center> </h1>
<hr>

<P> Los formularios mas sencillos se pueden crear utilizando solamente 2 etiquetas FORM e INPUT <br>
La etiqueta FORM encierra todos los contenidos del formulario (botones, cuadros de texto, listas desplegables <br>
entre otros) y la etiqueta INPUT permite definir varios tipos diferentes de elementos como los botones y los cuadros de texto.</p>

<p> <font color="blue"> Formulario sencillo definido con las etiquetas form e input </font></p>

<form action="http://www.librosweb.es/maneja_formulario.php" method="post">
Escribe tu nombre:
<input type="text" name="nombre" value="" />

<br>

<input type="submit" value="Enviar" />
</form>


<h2><center><font color="red"> <u>Elementos de un formulario</u> </font> </center> </h2>
 <hr>

<p> <font color="blue">Ejemplo de la etiqueta input atributo type=TEXT </font><br>
CUADRO DE TEXTO</p>

 Nombre <br>
<input type="text" name="nombre" value="" />

 <hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=PASSWORD </font><br>
CUADRO DE CONTRASEÑA</p>

 Contraseña <br>
<input type="password" name="contrasena" value="" />

<hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=CHECKBOX </font><br>
CASILLAS DE VERIFICACION "CHECKBOX"</p>
Puestos de trabajo buscados <br/>
<input name="puesto_directivo" type="checkbox" value="direccion"/> Dirección <br>
<input name="puesto_tecnico" type="checkbox" value="tecnico"/> Técnico <br>
<input name="puesto_empleado" type="checkbox" value="empleado"/> Empleado <br>

 <hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=RADIO </font><br>
RADIOBUTTON</p>
Sexo <br/>
<input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre
<input type="radio" name="sexo" value="mujer" /> Mujer

<hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=SUBMIT </font><br>
BOTON DE ENVIO DE FORMULARIO</p>
 <input type="submit" name="buscar" value="Buscar" />

 <hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=RESET </font><br>
BOTON DE RESETEO DEL FORMULARIO</p>
<input type="reset" name="limpiar" value="Borrar datos del formulario" />

<hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=FILE </font><br>
FICHEROS ADJUNTOS</p>
Fichero adjunto
<input type="file" name="adjunto" />

<br>
<P>Si se incluye un control para adjuntar archivos, es obligatorio añadir el atributo enctype en la <br>
etiqueta FORM del formulario. El valor del atributo enctype debe ser multipart/form-data, <br>
por lo que la etiqueta FORM de los formularios que permiten adjuntar archivos siempre es:<br>

 form action="..." method="post" enctype="multipart/form-data" <BR>
...

<BR>
/form
</P>

<hr>
<p> <font color="blue">Ejemplo de la etiqueta input atributo type=BUTTON </font><br>
BOTON</p>
<input type="button" name="guardar" value="Guardar Cambios" />

<hr>
<h2> NOTA:</h2>
<p> Recuerde que todos los elementos deben de ir encerrados en la etiqueta FORM respectivamente de apertura y de cierre.</p>

</body>
</html>

No hay comentarios:

Publicar un comentario