HTML – 3 / Forms (Formularios)

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:[email protected]”
“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:[email protected]”
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
[email protected]