En la clase de hoy veremos cómo crear formularios en HTML, imprescindible para poder interactuar con el usuario en una página web.
8– Formularios en HTML
Todo lo que hemos hecho hasta el momento en HTML ha sido "unidireccional". Nosotros mostramos información, y el usuario la puede ver. ¿Pero qué pasa si queremos que el usuario INTRODUZCA información?
Fácil: Con los formularios: Un formulario de contacto en un blog, un formulario de pago en un eCommerce, un formulario de registro en una web... ¿Cómo podemos hacerlos? ¡Veámoslo!
Ya lo veis. Tan complicado que parece, y tan fácil que es. Ahora ya sabéis cómo crear formularios en HTML, con los principales tipos de campos.
El objetivo de esta clase es que os familiaricéis con los formularios y las interfaces. En los siguientes cursos de HTML y de PHP veremos qué podemos hacer con esos datos, pues de opciones tenemos muchísimas.
Y ahora sí, momento de deberes, momento de ejercicios. Cread un formulario con todos estos requisitos:
- Campo de texto para un nombre de usuario
- Campo de contraseña, y checkbox para "recordar contraseña"
- Una opción para elegir el sexo.
- Una opción para elegir los intereses (entre 5 opciones)
- Un selector de archivo para subir una foto
- Un campo para descripción
- Un listado en el que seleccionar el turno de trabajo
- El botón de enviar y el de borrar toda la información
Los formularios son la herramienta más potente de HTML, porque nos permiten recoger información y interactuar con ella, ya sea en la propia página, o en otras páginas, enviando esos datos a través de la red. Esto sólo es la punta del iceberg.
Como siempre, si tenéis alguna duda de la lección, podéis contactar a través de la intranet. Además, debajo del vídeo tenéis el enlace al código usado :)
Nos vemos en la siguiente clase, en la que vamos a poner un poco de orden y estructura a todos estos elementos que hemos aprendido. Hasta entonces... ¡A htmlear!
Todos los capítulos de este curso:
- Curso de HTML #1: Teoría base y primera práctica
- Curso de HTML #2: Etiquetas y atributos
- Curso de HTML #3: Formatos de texto
- Curso de HTML #4: Enlaces
- Curso de HTML #5: Listas
- Curso de HTML #6: Imágenes
- Curso de HTML #7: Tablas
- Curso de HTML #8: Formularios
- Curso de HTML #9: Estructura
- Curso de HTML #10: Integración con CSS y JavaScript