El documento describe los diferentes tipos de formularios y cómo funcionan. Explica que los formularios permiten recopilar información de los visitantes del sitio web y almacenarla. Luego detalla las diferentes formas de almacenar la información recopilada, como enviarla por correo electrónico de forma encriptada o a un servidor. Finalmente, explica los diferentes campos y etiquetas HTML que se pueden usar en un formulario como texto, botones, menús desplegables y contraseñas.
2. Acerca de…
• El formulario es una interesante
herramienta de toda pagina web. Permite
recabar información ordenada de los
visitantes, y almacenar esa información de
alguna manera.
3. • Existen varias maneras de guardar la
información que se genera al llenar un
formulario, las cuales, se explican
brevemente a continuación :
• Los datos se pueden guardar en una
dirección común de correo electrónico de
manera no encriptada.
4. • O de otra manera, mas compleja, se envía
a un servidor a través de un programa
determinado que deberá estar instalado
en el mismo, para almacenar la
información y procesarla.
5. • Los formularios están dentro de las
etiquetas <form> y </form>. Los atributos
de la etiqueta de apertura del formulario
indicarán la forma de enviar la
información, como se presenta a
continuación.
6. • action="mailto:direcciondecorreo"
El formulario será enviado a la dirección de
correo que pongamos.
• method="post“
Los datos se enviarán inmediatamente por
correo electrónico.
• enctype="text/plain“
Las respuestas se enviarán sin codificación.
7. Dentro del formulario (1)
• input type (entrada de tipo) texto.
• name es lo que aparecerá en el mensaje
de correo delante de lo que introduzca el
ususario.
• size nos indica el tamaño de la caja de
texto de una línea. En este caso 10
caracteres.
• maxlenght indica la cantidad máxima de
caracteres que puede introducir el usuario.
8. Dentro del formulario (2)
Para insertar botones al formulario:
• input type submit (enviar).
• value será lo que aparezca escrito en el
botón.
• input type reset en inglés borrar.
9. Dentro del formulario (3)
Para insertar varias líneas de texto al
formulario:
• <textarea> se sustituye por <text>, para
esta etiqueta requiere un cierre
(</textarea> ).
• cols indica el ancho del cuadro de texto en
número de caracteres.
• rows indica el número de filas del cuadro
de texto. Si el ususario quiere escribir más
de 5 líneas, el formulario se lo permite.
10. Dentro del formulario (4)
Para insertar un menú para elegir entre
varias opciones:
• Se introduce de forma similar al cuadro de
texto de una línea <input> pero, ahora
el type es radio, el name es el nombre que
le damos a ese grupo de opción,
el value lo que aparecerá en el mensaje de
correo delante de la opción elegida. Hay
que repetir la etiqueta tantas veces como
opciones haya que elegir.
11. Dentro del formulario (5)
Para insertar un menú para elegir opciones
múltiples:
• Basado en el código anterior, se cambia el
atributo radio por checkbox. Los demás
atributos son similares.
12. Dentro del formulario (6)
Para insertar un menú desplegable:
• Las opciones de elección se despliegan en
un menú para que el usuario elija una con
el atributo <select>, </select> y enlistando
las opciones en <option value=
“OPCION”>, </option>
13. Dentro del formulario (7)
Para insertar un campo de contraseña:
• Empleamos la misma sintaxis que en el
campo de texto de una línea sustituyendo
type= “text” por type= “password”.
14. Fuentes:
• www.roble.pntic.mec.es/
• Manual de HTML. Ángel R. Puente Pérez.
• <HTManuaL> Manual de lenguaje HTML de nivel
inicial, medio y avanzado. Ángel Ricardo Puentes
Pérez. 19/12/2008