Entre las etiquetas anteriores deben ir todas las etiquetas que generan los botones,
casillas, campos, etc. y también todas las etiquetas de HTML que permitan dar forma al
formulario (tablas, colores, etc)
atributos
ACTION
nos indica la dirección de correo a la cual se van a enviar los datos del formulario.
Así pues debes sustituir [email protected] por tu dirección de correo.
ACTION
METHOD y ENCTYPE
indican cómo se transferirán los datos (post, correo) y la codificación del texto
HIDDEN
no mostrará el campo en la página web, aunque sí enviará su contenido.
Entrada de texto de una línea
Esta etiqueta produce un campo similar al que se muestra debajo, para introducir texto
<INPUT TYPE="text" SIZE="25" NAME="Nombre">
Cuando nos llegue al buzón de correo el texto de este campo aparecerá asociado a la palabra que
pongamos en NAME (en este caso a Nombre)Puede incluirse otro atributo opcional VALUE="Pon aquí tu
nombre", en este caso aparecería Pon aquí tu nombre dentro del campo
Entrada de texto de varias líneas
<TEXTAREA NAME="comentario" ROWS=3 COLS=50>
Introduzca aquí sus comentarios
</TEXTAREA>
Este código produciría el siguiente resultado:
Lista de opciones o menú desplegable
<SELECT NAME="estudios">
<OPTION SELECTED> ESO
<OPTION> Bachillerato
<OPTION> Ciclos Formativos
<OPTION≫ Garantía Social
</SELECT>
Que produciría un campo similar al siguiente:
Donde ESO aparece seleccionada por defecto.
Una variante de las listas de opciones son los menús con barras de desplazamiento
<SELECT NAME="americanos" SIZE=6><OPTION>España
<OPTION>México
<OPTION>Argentina
<OPTION>Costa Rica
<OPTION>Panamá
<OPTION>Belice
<OPTION>Honduras
<OPTION>Bolivia
<OPTION>Chile
<OPTION>Paraguay
</SELECT>
que da como resultado una entrada del tipo
Si en la etiqueta <SELECT ...> introducimos el atributo MULTIPLE: nos está permitido
efectuar selecciones múltiples. Casillas de verificación o Checkboxes
Nos permite elegir entre varias posibilidades una o más casillas. Recibiremos como dato
el valor de la casilla señalada, asociada en este caso a nivel.
ejemplo
< INPUT TYPE="checkbox" NAME="nivel" VALUE="eso"> ESO
< INPUT TYPE="checkbox" NAME="nivel" VALUE="bachiller">Bachillerato
< INPUT TYPE="checkbox" NAME="nivel" VALUE="primaria">Primaria
que da como resultado losiguiente
ESO
Bachillerato
Primaria Botones de radio o de opción
Similar al anterior, con la diferencia de que solo nos permite seleccionar una de las opciones mostradas,
se utiliza para mostrar opciones excluyentes entre si
Cuando presionemos "Enviar" se transferirá el contenido de los campos a la dirección de correo indicada, por
lo que necesitamos estar conectados a Internet para comprobarlo. Si presionamos Borrar se borrará el contenido
de los campos
Se utilizan las siguientes etiquetas para hacer los botones de Enviar y Borrar
<INPUT TYPE="submit" VALUE="Enviar">
<INPUT TYPE="reset" VALUE="Borrar">
Producirán uno botones como estos: