Formularios html

Formularios html

• 1.
  Formularios Equipo 4 Ramírez Eduardo. SánchezMiguel J. Tobías Carlos. Navarro Artemio.
• 2.
  Acerca de… • Elformulario 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 variasmaneras 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 deotra 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 formulariosestá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 formularioserá 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/ • Manualde 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