Framework7 - Elementos de formulario

Descripción

Los elementos de formulario se utilizan para crear diseños de formularios atractivos.

Framework7 proporciona algunos elementos de formulario como se especifica en la siguiente tabla:

S. No Elemento de formulario Estructura
1 Todas las entradas de texto 
<div class = "item-input">
   <input type = "password">
</div>
2 Seleccione 
<div class = "item-input">
   <select>...</select">
</div>
3 Textarea 
<div class = "item-input">
   <textarea></textarea>
</div>
4 Textarea redimensionable 
<div class = "item-input">
   <textarea class = "resizable"></textarea>
</div>
5 Cambiar (casilla de verificación) 
<label class = "label-switch">
   <input type = "checkbox">
   <div class = "checkbox"></div>
</label>
6 Control deslizante (entrada de rango) 
<div class = "item-input">
   <div class = "range-slider">
      <input type = "range" min = "10" max = "50" 
         step = "0.1">
   </div>
</div>

Podemos usar elementos de formulario en varios tipos como se especifica en la siguiente tabla:

S. No Tipo y descripción de elemento de formulario
1 Disposición completa

El tipo de diseño completo se utiliza para mostrar todo el elemento del formulario.
2 Iconos y entradas

Puede utilizar iconos junto con los campos de entrada en el diseño del formulario.
3 Etiquetas y entradas

Puede utilizar etiquetas junto con los campos de entrada en el diseño del formulario.
4 Solo entradas

Framework7 le permite usar solo campos de entrada con los elementos del formulario.
5 Recuadro

Puede insertar los elementos del formulario utilizando la clase de inserción .