En esta semana se cubre el tema de los formularios HTML, los cuales se utilizan para capturar información del usuario. Los formularios incluyen los siguientes controles HTML: cajas de texto, cajas de texto de password, botones radio, checkboxes, listas desplegables, áreas de texto y botones.
Los objetivos que deben cumplirse al final de esta semana son los siguientes:
 |
Presentación. Diapositivas con Formularios. En esta presentación se proporciona una introducción a los formularios HTML. Se proporcionan explicaciones y ejemplos de los siguientes elementos HTML: etiqueta form; campos de entrada input, tales como texto, password, radio buttons, checkboxes; listas desplegables select (drop-down boxes); áreas de texto textarea; botones. |
 |
Ejemplo 1 de clase. Formulario 1. En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de los formularios. Este ejemplo cubre las siguientes etiquetas HTML: cajas de texto, cajas de texto de password, botones radio, checkboxes, listas desplegables, áreas de texto y botones. |
 |
SOLUCIÓN del Ejemplo 1 de clase. Formulario 1. Archivo ZIP con el archivo para la solución del ejemplo 1 de clase, el cual incluye formularios01.html con la estructura de la página web. |
 |
SOLUCIÓN del Ejemplo 1 de clase. Formulario 1. En este link se abre una pestaña nueva con la solución del ejemplo 1 de clase. |
|
Ejemplo 2 de clase. Formulario 2. En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de los formularios. Este ejemplo solamente cubre el uso de las cajas de texto (input) y los botones submit. |
|
SOLUCIÓN del Ejercicio 2 de clase. Formulario 2. Archivo ZIP con el archivo para la solución del ejemplo 2 de clase, el cual incluye formularios02.html con la estructura de la página web. |
|
SOLUCIÓN del Ejemplo 2 de clase. Formulario 2. En este link se abre una pestaña nueva con la solución del ejemplo 2 de clase. |
|
Ejemplo 3 de clase. Formulario 3. En este ejemplo, el profesor crea una página web estática, para ilustrar el uso de los formularios. Este ejemplo muestra un formulario para envío de email. |
|
SOLUCIÓN del Ejemplo 3 de clase. Formulario 3. Archivo ZIP con el archivo para la solución del ejemplo 3 de clase, el cual incluye formularios03_enviaEmail.html con la estructura de la página web. |
|
SOLUCIÓN del Ejemplo 3 de clase. Formulario 3. En este link se abre una pestaña nueva con la solución del ejemplo 3 de clase. |
 |
Tarea. Formularios. En esta tarea el estudiante realizará una página web con un formulario que contiene las siguientes siguientes etiquetas HTML: cajas de texto, cajas de texto de password, botones radio, checkboxes, listas desplegables, áreas de texto y botones; y organizará el contenido dentro de una tabla HTML. |