1 Creación de páginas Web (II) Formularios Pau Barceló Forteza [email protected]

2 Introducción  Forma de contacto de la web  Controles Elemento Form Elemento Input Elemento Button Elemento Select Elemento Textarea Label  Envío (get/post)

3 Formularios  Sección de documento con: Contenido normal (Texto) Controles  Checkbox  Radiobutton  Menu  … Objetivo: Ser enviado

4 Ejemplo Nombre: Apellido: email: Varón Mujer

5 Controles  Form [FORMULARIO]  Parámetros action=uri (define comportamiento según navegador method=(get/post) Enctype Tipo de codficación para enviar Accept-charset Codificaciones aceptadas

6 Controles  Input  Tipo Text Radio Checkbox Password Submit Image (botón con imagen indicado en src) Reset Button Hidden File

7 Controles  Button [BOTON]  Parámetros name value type  submit: Botón de envío  button:Botón pulsador  reset: Botón de reset

8 Controles  Select [SELECCION]  Parámetros name size multiple: Selección múltiple

9 Controles  Textarea [TEXTO]  Parámetros name rows cols readonly disabled

10 Controles  Label [ETIQUETA]  Parámetros name title style

11 Envío   Get Manda los datos a la vista separados por “?”  Post Datos “ocultos”

12 Ejemplo Get Ejemplo GET Formulario GET Introduzca nombre: Introduzca apellidos:

13 Ejemplo Post Ejemplo GET Formulario GET Introduzca nombre: Introduzca apellidos:

14 Recogida Recogida Procesando formulario Nombre GET: Nombre POST:

15 Formulario de registro Cambridge English Center Formulario de Registro Sea tan amable de rellenar el siguiente formulario. Nombre: Dirección: Teléfono: Comentarios:

16