HTML – 3 / Forms (Formularios) <form> </form> Formularios Utilizaremos la etiqueta <form> para crear espacios dinámicos en nuestro proyecto tales como enviar datos o recibir datos.Esta etiqueta es invisible y contiene los diferentes inputs del formulario Formularios <form> </form> name=“nombre del formulario” “get” Recibe datos method=“tipo de gestion de datos”-> puede ser “post” Envía datos action=" acción que vamos a realizar“ Enviar correo CGI A una página “mailto:micorreo@electronico.com” “http://miserver.midominio.mipais/cgi-bin/test2-cgi” “mipagina.html” enctype=" tipo de encriptamiento“ “text/plain” Envía el texto de Nuestro formulario Ejemplo: <FORM name=“mi_formu” method="post" action=“mailto:moimacar@esc.upv.es” enctype=“text/plain”> </FORM> <form> </form> Formularios/ Inputs Los inputs del formulario son todos aquellos elementos que nos ayudarán a crear campos, botones, etc… de acción dentro de formulario. Siempre deben de estar dentro de las etiquetas <form>….</form> Formularios/ Inputs <form> </form> (Casilla de Verificación)-Nos permite seleccionar cuantos queramos en el formulario. <input name=“quiero“ type=“checkbox" value=“patatas" > (Boton de opción) -Sólo no permite seleccionar uno de cada grupo de Radio buttons <input name=“mayorde18" type="radio" value=“si"> hola Campo de texto vacio para introducir datos <input name=“nombre" type="text" value="hola" > Campo de texto tipo password <input name=“nombre" type=“password" value="" > Valor por defecto, para que este limpio quitar la etiqueta “value” o dejarla vacía <form> </form> Formularios/ Inputs Botón borrar los datos del formulario <input type=“reset" name=“borrar" value=“restablecer" /> Botón del tipo borrar Texto del botón Botón para enviar, recibir los datos del formulario <input type="submit" name=“micorreo" value="Enviar" /> Botón del tipo enviar Texto del botón Formularios/ Inputs <form> </form> Nos permite crear campos de texto más amplios. Con un control de líneas y caracteres <textarea name=“comentarios" cols="20" rows="5"> Número de columnas de la caja de texto </textarea> Número de líneas de la caja de texto <form> </form> Formularios/ Inputs Nos permite seleccionar un elemento de una lista de cosas y decir cual de ellos es el que esta seleccionado por defecto Para seleccionar el item seleccionado (Aquí es el primero) <select name="selecciona"> <option selected="selected">primera cosa</option> <option>segunda cosa</option> <option>tercera cosa </option> </select> Enumerar cosas de la lista :) HTML- 3 Prof: Moisés Mañas Moimacar@esc.upv.es