·
Etiqueta form
o
Action
o
Indica el programa que va a "tratar"
a las variables que se envíen con el formulario. En nuestro caso enviaremos las
variables por correo electrónico, con lo que el "programa" será "mailto:
direccion_de_correo" .
o
Method
o
POST
/ GET Indica el método según el que se transferiran las variables. POST produce
la modificación del documento de destino (como en el caso de enviar por correo
las variables). GET no produce cambios en el documento destino (como en el caso
de una consulta a una base de datos, p.ej. una página de búsqueda en Internet).
o
Enctype
o
Name
Indica
el nombre del formulario
·
Elementos de entrada
o
Entrada textual
o
Entrada de línea
Mediante este control podemos obtener
información textual en una sola línea, lo que significa que el usuario no podrá
utilizar la tecla "enter" para ir a la siguiente línea (en la mayoría
de los formularios, la tecla "enter" presionada en uno de estos
campos, envía el formulario que lo contiene como si pulsáramos sobre el botón
submit de envío del formulario.).
Este control es insertado en documentos HTML
usando la etiqueta HTML input con el valor "text" en su atributo
"type". El valor inicial, mostrado cuando la página se carga, puede
ser definido usando el atributo "value".
Sintaxis:
<body>
<form
method="post" action="action.php">
Ingresa
un texto: <input name="ingresatexto" type="text" value="Por
favor, ingresa aquí" />
</form>
</body>
o
Entrada de password
Este control actúa exactamente como el de
entrada de línea con la excepción de que "esconde" los caracteres
ingresados mostrándolos como puntos o asteriscos para evitar que los usuarios
vean su contenido.
Es definido utilizando el valor
"pass" en el atributo "type", y su valor inicial puede ser
definido usando el atributo "value". Es comúnmente usado para el
ingreso de contraseñas.
Sisntaxis:
<body>
<form
method="post" action="action.php">
Ingresa
tu contraseña: <input name="contrasena" type="password" value="123456"
/>
</form>
</body>
o
Entrada multi-línea
Con
este control los usuarios podrán introducir texto en una o más líneas. Se
inserta utilizando la etiqueta HTML textarea y puede ser usado para obtener,
comentarios, mensajes, etc.
Sisntaxis:
<body>
<form
method="post" action="action.php">
Ingresa
tus comentarios:<br /><textarea name="comentarios" rows="2"
cols="30">...Tus comentarios aquí...</textarea>
</form>
</body>
·
Opciones
o
Casillas de verificación
Estas listas de opciones son muy parecidas a botones
de radio salvo por dos detalles que vamos a mostrarte a continuación.
El primero de ellos y fundamental es que las
cajas son de un tipo diferente y se escriben, por tanto, de forma diferente.
Las cajas se escriben mediante type=“checkbox”.
Otra diferencia es que así como las listas de
botones tipo “radio” sólo permitiían elegir una opción (siempre y cuando los
nombres de las opciones fueran los mismos), las listas de cajas permiten
seleccionar una o varias opciones.
Aquí tienes el código de una lista que hemos
escrito para demostrarte todo lo que te hemos explicado anteriormente:
Sintaxis:
<input
type="checkbox" name="transporte"
value="1">Coche
<br>
<input type="checkbox" name="transporte" value="2" checked>Avión
<br>
<input type="checkbox" name="transporte" value="3">Tren
<br>
<input type="checkbox" name="transporte" value="2" checked>Avión
<br>
<input type="checkbox" name="transporte" value="3">Tren
Coche
Avión
Tren
Avión
Tren
o
Botones radio
A continuación vamos a ver otro tipo de
listas de opciones o de selección. Son listas con botones de tipo radio. Estos
botones se escriben mediente la etiqueta type=”radio”.
Vamos a transformar la lista anterior en este
tipo de lista. Fijaros que a cada opción le vamos a atribuir una etiqueta
nueva, pero todas ellas van a tener el mismo nombre. El código nuevo quedaría
de la siguiente manera:
Sintaxis:
<input type="radio"
name="transporte" value="1">Coche
<br>
<input type="radio" name="transporte" value="2">Avión
<br>
<input type="radio" name="transporte" value="3">Tren
<br>
<input type="radio" name="transporte" value="2">Avión
<br>
<input type="radio" name="transporte" value="3">Tren
Coche
Avión
Tren
Avión
Tren
o
Listas
Las
listas de opciones son de gran ayuda para los formularios en los que queremos
saber la opinión de un aspecto concreto en nuestra Web, dentro de diferentes
opciones planteadas previamente por nosotros. Las listas de selección u opciones
se escriben gracias a la etiqueta <selection> y a su cierre.
Sintaxis:
<select
name="transporte">
<option>Coche</option>
<option>Avión</option>
<option>Tren</option>
</select>
<option>Coche</option>
<option>Avión</option>
<option>Tren</option>
</select>
·
Botones
o
Botones de envío
Para dar por
finalizado el proceso de relleno del formulario y hacerlo llegar a su gestor,
el navegante ha de enviarlo por medio de un botón previsto a tal efecto. La
construcción de dicho botón no reviste ninguna dificultad una vez
familiarizados con las etiquetas INPUT ya vistas:
<input type="submit" value="Enviar">
o
Botones
de restablecimiento
Este botón nos permitirá borrar el formulario
por completo, en el caso de que el usuario desee rehacerlo desde el principio.
Su estructura sintáctica es análoga a la anterior:
<input type="reset"
value="Borrar">
A diferencia del botón de envío,
indispensable en cualquier formulario, el botón de borrado resulta meramente
optativo y no es utilizado frecuentemente. Hay que tener cuidado de no ponerlo
muy cerca del botón de envío y de distinguir claramente el uno del otro, para
que ningún usuario borre el contenido del formulario que acaba de rellenar por
error.
o
Botones de imagen
El atributo “image” sirve para personalizar
un botón. Es decir, este atributo introduce un botón en una imagen,
sustituyendo al formato estándar de botones que ya hemos visto en otros
artículos del tutorial.
La función de los botones creados de esta
forma es igual que la de submit, pero nos permite personalizar este elemento.
Un ejemplo de este tipo de botones sería
este:
<input type="image" name="boton" src="http://html.hazunaweb.com/html/imagenes/boton.jpg" align="middle">
o
Botones de contenido
crea
un botón presionable. Este tipo de botones no tiene ninguna acción
predeterminada asociada. Son usualmente controlados por scripts a medida que
manejan sus eventos.
·
Entrada de archivos
·
Envió y recepción de datos
o
$_POST[]
recupera un valor que se envía a través de HTTP POST (por
ejemplo, de un formulario con el método establecido en POST)
o $_GET[]
Recupera un valor que se envía a través de la URL
, por ejemplo si la url tiene q = término de búsqueda a continuación, $ _GET ['q']
, por ejemplo si la url tiene q = término de búsqueda a continuación, $ _GET ['q']
o $_REQUEST[]
comprobará $ _GET, $ _POST, y $ _COOKIE para el valor.
No hay comentarios:
Publicar un comentario