https://github.com/femcodersclub/formularios-tablas-html-css
Formulario y tabla creado con Html5 y Css3
https://github.com/femcodersclub/formularios-tablas-html-css
css3 form html5 login-page register-form table
Last synced: 3 months ago
JSON representation
Formulario y tabla creado con Html5 y Css3
- Host: GitHub
- URL: https://github.com/femcodersclub/formularios-tablas-html-css
- Owner: femcodersclub
- Created: 2024-10-25T18:32:45.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T20:21:21.000Z (7 months ago)
- Last Synced: 2025-01-08T22:42:31.978Z (4 months ago)
- Topics: css3, form, html5, login-page, register-form, table
- Language: CSS
- Homepage: https://femcodersclub.github.io/Formularios-Tablas-HTML-CSS/
- Size: 5.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# 📘 Ejemplo Práctico de Formularios y Tablas con HTML y CSS
Este proyecto es un ejemplo práctico creado para acompañar nuestro post sobre [formularios y tablas en HTML](https://www.femcodersclub.com/recursos/html/formularios-y-tablas) en FemCoders Club. En este repositorio, mostramos cómo usar HTML y CSS para construir formularios y tablas dinámicas de una manera visual, práctica y accesible.
## Vista Previa
### Formulario de Registro e Inicio de Sesión
### Tabla de Eventos
## Descripción
El proyecto se divide en dos partes principales:
1. **Formulario**:
- **Dinámico y Visual**: Este formulario es interactivo, cambiando entre dos vistas (iniciar sesión y registrarse) al hacer clic en el botón correspondiente.
- **Validación con `required`**: Se ha utilizado el atributo `required` para asegurar que los campos esenciales estén completos antes de enviar el formulario.
- **Diseño Intuitivo**: Todo está contenido en una estructura visualmente atractiva, permitiendo al usuario una experiencia práctica y amigable.
2. **Tabla de Eventos**:
- **Datos Ficticios**: La tabla muestra datos de eventos de manera ficticia, solo para fines informativos y de práctica.
- **Despliegue Dinámico de Información**: Usando las etiquetas HTML `` y ``, los usuarios pueden expandir y colapsar la información adicional, como los nombres de los ponentes de cada evento. Esto ofrece una forma elegante y sin JavaScript de mostrar contenido adicional bajo demanda.
## 🛠️ Tecnologías Utilizadas
- **HTML** para la estructura.
- **CSS** para el diseño visual, con efectos modernos y fáciles de entender.
## Instalación y Uso
1. Clona el repositorio:
```bash
git clone https://github.com/femcodersclub/Formularios-Tablas-HTML-CSS.git
```
2. Abre el archivo `index.html` en tu navegador para ver el formulario, o `tabla.html` para ver la tabla.
## Créditos
Todos los datos de este proyecto son ficticios y se usan únicamente con fines educativos y demostrativos. Este ejemplo es parte del contenido práctico de [FemCoders Club](https://www.femcodersclub.com/), una comunidad para mujeres en tecnología.