FORMULARIOS EN HTML
Anuncio
FORMULARIOS EN HTML <html> <head><title>PRACTICA 5: 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.upes.edu.sv" 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>
