Descargar Github
Español

Formulario

El formulario es un componente que permite mediante un conjunto de inputs recopilar datos de los usuarios.

Uso

Copias el snippet HTML y ten en cuenta:

  1. El elemento con la clase nkn-form es el contenedor padre.
  2. Todos los elementos del formulario deben de ir acompañados de la etiqueta <label> con la clase nkn-label y si requiere centrar la etiqueta <label> con respecto al elemento utilice la clase nkn-label-middle.
  3. El usuario puede estructurar su formulario con los elementos que requiera, estos pueden ser:
    Elemento de Formulario Clase
    Input nkn-input
    Select nkn-select
    RadioButton nkn-radio
    Checkbox nkn-checkbox
    Button nkn-button
    Para formar las filas y columnas del formulario utilice el grid.

Ejemplo

Snippet HTML

Elemento Input

Es un elemento del formulario que permite el ingreso de datos tipo texto, password, number, etc.

Ejemplo

Snippet HTML

Elemento Select

Es un elemento del formulario que muestra una lista desplegable de opciones.

Ejemplo

Snippet HTML

Elemento Radiobutton

Es un elemento del formulario que permite al usuario seleccionar una opción entre varias opciones.

Ejemplo

Snippet HTML

Elemento Checkbox

Es un elemento del formulario que permite al usuario seleccionar múltiples opciones.

Ejemplo

Snippet HTML

Elemento Boton

Es un elemento del formulario que permite realizar acciones sobre el formulario.

Ejemplo

Snippet HTML