Framework7 - Elementi del modulo

Descrizione

Gli elementi del modulo vengono utilizzati per creare layout di modulo di bell'aspetto.

Framework7 fornisce alcuni elementi del modulo come specificato nella tabella seguente:

S.No Elemento modulo Struttura
1 Tutti gli input di testo 
<div class = "item-input">
   <input type = "password">
</div>
2 Selezionare 
<div class = "item-input">
   <select>...</select">
</div>
3 Textarea 
<div class = "item-input">
   <textarea></textarea>
</div>
4 Textarea ridimensionabile 
<div class = "item-input">
   <textarea class = "resizable"></textarea>
</div>
5 Interruttore (casella di controllo) 
<label class = "label-switch">
   <input type = "checkbox">
   <div class = "checkbox"></div>
</label>
6 Slider (input intervallo) 
<div class = "item-input">
   <div class = "range-slider">
      <input type = "range" min = "10" max = "50" 
         step = "0.1">
   </div>
</div>

Possiamo usare gli elementi del modulo in vari tipi come specificato nella tabella seguente -

S.No Tipo di elemento modulo e descrizione
1 Layout completo

Il tipo di layout completo viene utilizzato per visualizzare l'intero elemento del modulo.
2 Icone e ingressi

È possibile utilizzare le icone insieme ai campi di input nel layout del modulo.
3 Etichette e ingressi

È possibile utilizzare etichette insieme ai campi di input nel layout del modulo.
4 Solo input

Framework7 consente di utilizzare solo i campi di input con gli elementi del modulo.
5 Inset

È possibile inserire gli elementi del modulo utilizzando la classe inset .