Ejemplo de formularios de registro de producto

Título de formulario

Formulario general

Los siguientes campos responden a la información general de los equipos

Imagen del producto

La imagen debe tener un tamaño de 120px de ancho X 120px de alto.

Precio de referencia

$ COP

Marca

Referencia

Consumo de energía

kWh/mes

Ahorro energético

Clase energética

ACONDICIONADORES DE AIRE PARA RECINTOS Y UNIDADES TERMINALES COMPACTAS, Y ACONDICIONADORES DE AIRE UNITARIOS:

Los siguientes campos responden a la información del equipo Aires acondicionados

Eficiencia energética

Wt/We

Capacidad de enfriamiento

Vatios

Area máxima a acondicionar

Presión sonora

Temperatura de operación

desde

hasta

°C

Disponibilidad de filtros

Tipo de equipo

Generales

A continuación se listan los elementos generales del formulario (listas, botones, etc).

Checkbox y radio buttons

Opción 1

Opción 2

Opción deshabilitada

Ejemplo de checkbox 1

Ejemplo de checkbox 2

Ejemplo de checkbox deshabilitado

Para añadir un checkbox o radio button inline utilizar la clase .radio-inline o .checkbox-inline

Variaciones de los campos

Deshabilitado

Campo de lectura

Input correcto Una linea de texto de ayuda que genera varias lineas en caso de ser muy largo

Input con alerta Una linea de texto de ayuda que genera varias lineas en caso de ser muy largo

Input con error Una linea de texto de ayuda que genera varias lineas en caso de ser muy largo

Checkbox correcto

Checkbox con alerta

Checkbox con error

Variaciones con íconos

Para ver toda la lista de íconos dirigise a glyphicons en W3Schools

Input correcto con ícono

Input de alerta con ícono

Input de error con ícono

Grupo input correcto con iconos

Variaciones de tamaño

Grande

Mediano

Pequeño

Variaciones de botones para formularios

Cancelar Subir