Guía 2 - Taller de Programación II (HTML-Formularios)

Taller de Programación II Guía de desarrollo en html (Formulario)

Indague el concepto y de un ejemplo práctico de cada uno de e llos.

Formularios: 

Método Post Y Get.



Elemento form.



Elemento input.



Elemento select.



Elemento textarea.



Elemento label.



Elemento fieldset.

Método Post Y Get

Lo que hace es pasar las variables y sus valores por la URL, Podemos ver directamente los parámetros pasados. no solo queda a la vista de cualquier usuario, sino que adem ás la información puede quedar guardada en el historial del navegador El método POST los envía de forma que no podemos verlos y los parámetros quedan ocultos y para rescatarlos hay que usar otras herramientas. Por ejemplo:

Elemento form.

Actúa como una especie de contenedor co ntenedor para almacenar elementos que permiten al usuario seleccionar o introducir datos. Ejemplo

Nombre:
Apellido:
email:
Varón
Mujer

Elemento input.

Es una etiqueta esencial para los formularios, ya que se usa para crear muchos elementos “interactivos” .

Ejemplo: Elemento select.

sirve para crear una lista desplegable de elementos (especificados por las etiquetas OPTION dentro de ella). Los atributos de esta etiqueta son name, disabled, size, multiple. Ejemplo

blanco amarillo verde rojo

azul negro

Elemento textarea.

se usa para definir un cuadro de te xto más grande que la línea simple propuesta por la e tiqueta INPUT. nos permite asignar una zona de texto, donde el usuario podrá escribir libremente. Ejemplo:

Introduzca su opinión sobre este manual práctico de HTML

Elemento label.

permite asociar un control con un tex to, de manera que mejore la accesibilidad de los formularios. Ejemplo: Haga clic en este texto para establecer focus e n el recuadro.

Haga clic en este texto para establecer focus en el recuadro.



Este texto no responde al elemento label. Elemento fieldset.

se utiliza para agrupar los controles de un formulario por me dio de un recuadro. De esta forma, el formulario es más fácil de entender para los usuarios.

Ejemplo

Información Personal

Nombre: Apellidos:

edad

20-39 40-59 60-79