Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 DISEÑO Y PRODUCCIÓN DIGITAL Sesión 23 Módulo III: Herramientas de Producción para Medios Digitales: Herramientas de captura / Herramientas de edición Presenta: Lic. Fernando Gutiérrez C., MATI Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 Formularios Son plantillas en las que se introducen datos para mandarlos al servidor. Cada dato es un par: nombre/valor, donde "nombre" indica el campo, y "valor" de los datos introducidos. La estructura de un formulario es la siguiente:

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 Los atributos del elemento FORM son: METHOD: Indica el método para el intercambio de datos entre el cliente y el programa. Existen 2 tipos, POST y GET. Los elementos que se utilizan para construir formularios son: INPUT Define un campo de entrada de datos (no posee etiqueta de fin). Sus atributos son:

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 TYPE: Indica el tipo de dato a meter: Text (texto) password (clave) checkbox (caja de selección) radio (círculo de elección) submit (enviar datos) reset (borrar los datos introducidos) NAME: Indica el nombre simbólico asociado al campo. VALUE: Indica el lugar donde se almacenan los datos introducidos. SIZE: Anchura de la ventana.

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 MAXLENGHT: Número de caracteres máximo permitido en la ventana. SELECT Define una lista de elementos para seleccionar. Debe haber una etiqueta OPCION por cada elemento de la lista. Sus atributos son: NAME: Nombre del elemento. SIZE: Número de elementos que aparecen cada vez. MULTIPLE: Para la elección de más de un elemento.

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 OPTION Definición de cada elemento de una lista. TEXTAREA Definición de un campo rectangular para escribir mensajes largos. Sus atributos son: NAME: Nombre simbólico. ROWS: Número de filas. COLS: Número de columnas

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003 Ejemplo: 1. Nombre 2. Estado civil Casado Soltero

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, Aficiones: Deportes Toros Cine 4. Comentarios

Departamento de Comunicación Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México Instituto Tecnológico y de Estudios Superiores de Monterrey, Campus Estado de México © F. Gutiérrez, 2003