Formularios
En este ejemplo se puede ver el aspecto por defecto de los formularios en FastLight.
Índice
Formulario de Login
El formulario de login ya se encuentra implementado en una vista,
en el fichero mvc/views/login.php.
Es similar al que se muestra a continuación:
Ejemplo
Código del ejemplo
Si queréis ver cómo implementar un formulario de login en un modal, podéis consultar el ejemplo formulario con modales.
La clase form
Podemos simular el aspecto de un formulario mediante contenedores genericos. Por ejemplo, a continuación se
muestra lo que parece un formulario, pero en realidad es un div con
clase form.
Ejemplo
Registro de usuario
Código del ejemplo
Formulario de búsqueda
La creación de formularios para búsqueda o filtrado de datos se encuentra automatizada mediante templates (se explica en clase y en los apuntes). El código HTML resultante es similar al que se muestra, evidentemente también se puede crear a mano y personalizar al gusto:
Ejemplo
Código del ejemplo
Distintos tipos de control
En este ejemplo se muestra un formulario con muchos controles distintos.
En los formularios, podemos usar las clases short,
medium o large para establecer las longitudes de las etiquetas
y controles, aunque para las etiquetas no es necesario indicar nada.
Ejemplo
Código del ejemplo
Formulario con fieldsets en columnas
El formulario tiene en su interior un contenedor de clase flex-container
y cada columna es un fieldset de clase
flex1 o flex2... según el ancho deseado.