Creación de páginas Web (II) Formularios Pau Barceló Forteza
Introducción Forma de contacto de la web Controles Elemento Form Elemento Input Elemento Button Elemento Select Elemento Textarea Label Envío (get/post)
Formularios Sección de documento con: Contenido normal (Texto) Controles Checkbox Radiobutton Menu … Objetivo: Ser enviado
Ejemplo Nombre: Apellido: Varón Mujer
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
Controles Input Tipo Text Radio Checkbox Password Submit Image (botón con imagen indicado en src) Reset Button Hidden File
Controles Button [BOTON] Parámetros name value type submit: Botón de envío button:Botón pulsador reset: Botón de reset
Controles Select [SELECCION] Parámetros name size multiple: Selección múltiple
Controles Textarea [TEXTO] Parámetros name rows cols readonly disabled
Controles Label [ETIQUETA] Parámetros name title style
Envío Get Manda los datos a la vista separados por “?” Post Datos “ocultos”
Ejemplo Get Ejemplo GET Formulario GET Introduzca nombre: Introduzca apellidos:
Ejemplo Post Ejemplo GET Formulario GET Introduzca nombre: Introduzca apellidos:
Recogida Recogida Procesando formulario Nombre GET: Nombre POST:
Formulario de registro Cambridge English Center Formulario de Registro Sea tan amable de rellenar el siguiente formulario. Nombre: Dirección: Teléfono: Comentarios: