Formularios

A lo largo de esta sección de la documentación se establecerán un conjunto de formularios realizados solo con las clases provistas por bodystyle con el fin de brindarle al usuario modelos predefinidos para reutilizarlos en diferentes sitios web.

Template Formularios

Los modelos que se verán a continuación no son definitivos ni invariables, simplemente presentan un conjunto de posibilidades para que usuario, a través de ellos establezca sus propios modelos y alcance el nivel buscado al momento de definir formularios en html.

Login

En esta paso vamos a definir un formulario de login genérico que está libre para realizarler las modificaciones pertinentes, lo que se busca es realizar un acercamiento de un login real en un sitio web.
Para la versión v4.8.0 se añadieron íconos para mejorar la experiencia del usuario.

Login

Olvidó su clave 
    

        

            

                
Login

                

                    

                        

                            
                            
                        

                         

                            
                            
                        

                    

                
                    

                        

                            
                            
                        

                    

                    

                    
                        

                            
                            
                        

                        
                    

                    

                        Olvidó su clave

Registro de Usuario

Al igual que el ejemplo anterior vamos a definir un formulario de registro de usuario genérico que está libre a modificaciones por parte del desarrollador.

Registro de Usuario

DNI   *
Nombre  *
Apellido   *
Apellido
@  *
Password
Repetir 
    

        

            

            
Registro de Usuario

            

                

                    

                        DNI   *
                        
                    

                

                

                    

                        Nombre  *
                        
                    

                

                

                    

                        Apellido   *
                        
                    

                

                

                    

                        Apellido
                        
                    

                

            
                

                    

                        @  *
                        
                    

                

                
 
                    
                

            
                

                    

                        Password
                        
                    

                

            
                

                    

                        Repetir
Este formulario fué realizado 100% con clases provistas por la biblioteca no se utilizó clases CSS adicionales, se le recomienda al lector revisar apartados ya documentados:

Campos de Busqueda

Para este ejemplo se utilizará un ícono de la biblioteca que a partir de la versión  4.8.0 están disponibles pra su uso.

Verificar Correo

@ 
        

            

                

                    
                        @

Cambio de Contraseña

Cambio de Clave

ACTUAL
NUEVA
REPETIR
Cambiar 
        

            

                
Cambio de Clave


                

                    

                        
                            ACTUAL
                        
                        
                        
                    

                    

                        
                            NUEVA
                        
                        
                    

                    

                        
                            REPETIR
                        
                        
                    

                    Cambiar

Registro Form Grupo

Ahora vamos a utilizar otros estilos de formularios dispuestos a partir de la versión 5.0.0 de Bodystle. Estos están documentados en Grupos Form.

Registro

Ej: 25444111
Ej: Alberto
Ej: Perez
Ej: Gomez 
        

            

                

                    
Registro

                    

                    

                        

                            
                            
                            Ej: 25444111
                        

                        

                            
                            
                            Ej: Alberto
                        

                        

                            
                            
                            Ej: Perez
                        

                        

                            
                            
                            Ej: Gomez
                        

                        
 
                            
                        

                        

                            
                            
                        

                        

                            
                            
                        

                    

                    

                        
                    

                

            

        

    
        // Código para inicializar el Select
        BS.SelectInit().iniciar("#localidad2", "borde");
`r`n