formularios html

Formularios

Ramírez Eduardo.

Sánchez Miguel J.

Tobías Carlos.

Navarro Artemio.

Equipo 4

Acerca de…

• El formulario es una interesanteherramienta de toda pagina web. Permiterecabar información ordenada de losvisitantes, y almacenar esa información dealguna manera.

• Existen varias maneras de guardar lainformación que se genera al llenar unformulario, las cuales, se explicanbrevemente a continuación :

• Los datos se pueden guardar en unadirección común de correo electrónico demanera no encriptada.

• O de otra manera, mas compleja, se envíaa un servidor a través de un programadeterminado que deberá estar instaladoen el mismo, para almacenar lainformación y procesarla.

• Los formularios están dentro de lasetiquetas <form> y </form>. Los atributosde la etiqueta de apertura del formularioindicarán la forma de enviar lainformación, como se presenta acontinuación.

• action="mailto:direcciondecorreo"

El formulario será enviado a la dirección decorreo que pongamos.

• method="post“

Los datos se enviarán inmediatamente porcorreo electrónico.

• enctype="text/plain“

Las respuestas se enviarán sin codificación.

Dentro del formulario (1)

• input type (entrada de tipo) texto.

• name es lo que aparecerá en el mensajede correo delante de lo que introduzca elususario.

• size nos indica el tamaño de la caja detexto de una línea. En este caso 10caracteres.

• maxlenght indica la cantidad máxima decaracteres que puede introducir el usuario.

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.

Dentro del formulario (3)

Para insertar varias líneas de texto alformulario:

• <textarea> se sustituye por <text>, paraesta etiqueta requiere un cierre(</textarea> ).

• cols indica el ancho del cuadro de texto ennúmero de caracteres.

• rows indica el número de filas del cuadrode texto. Si el ususario quiere escribir másde 5 líneas, el formulario se lo permite.

Dentro del formulario (4)

Para insertar un menú para elegir entrevarias opciones:

• Se introduce de forma similar al cuadro detexto de una línea <input> pero, ahorael type es radio, el name es el nombre quele damos a ese grupo de opción,el value lo que aparecerá en el mensaje decorreo delante de la opción elegida. Hayque repetir la etiqueta tantas veces comoopciones haya que elegir.

Dentro del formulario (5)

Para insertar un menú para elegir opcionesmúltiples:

• Basado en el código anterior, se cambia elatributo radio por checkbox. Los demásatributos son similares.

Dentro del formulario (6)

Para insertar un menú desplegable:

• Las opciones de elección se despliegan enun menú para que el usuario elija una conel atributo <select>, </select> y enlistandolas opciones en <option value=“OPCION”>, </option>

Dentro del formulario (7)

Para insertar un campo de contraseña:

• Empleamos la misma sintaxis que en elcampo de texto de una línea sustituyendotype= “text” por type= “password”.

Fuentes:

• www.roble.pntic.mec.es/

• Manual de HTML. Ángel R. Puente Pérez.

• <HTManuaL> Manual de lenguaje HTML de nivelinicial, medio y avanzado. Ángel Ricardo PuentesPérez. 19/12/2008