Framework7 - Éléments de formulaire

La description

Les éléments de formulaire sont utilisés pour créer de belles mises en page de formulaire.

Framework7 fournit des éléments de formulaire comme spécifié dans le tableau ci-dessous -

S. Non Élément de formulaire Structure
1 Toutes les entrées de texte 
<div class = "item-input">
   <input type = "password">
</div>
2 Sélectionner 
<div class = "item-input">
   <select>...</select">
</div>
3 Textarea 
<div class = "item-input">
   <textarea></textarea>
</div>
4 Zone de texte redimensionnable 
<div class = "item-input">
   <textarea class = "resizable"></textarea>
</div>
5 Commutateur (case à cocher) 
<label class = "label-switch">
   <input type = "checkbox">
   <div class = "checkbox"></div>
</label>
6 Curseur (entrée de plage) 
<div class = "item-input">
   <div class = "range-slider">
      <input type = "range" min = "10" max = "50" 
         step = "0.1">
   </div>
</div>

Nous pouvons utiliser des éléments de formulaire dans différents types comme spécifié dans le tableau ci-dessous -

S. Non Type d'élément de formulaire et description
1 Disposition complète

Le type de mise en page complet est utilisé pour afficher tout l'élément de formulaire.
2 Icônes et entrées

Vous pouvez utiliser des icônes avec les champs de saisie dans la mise en page du formulaire.
3 Étiquettes et entrées

Vous pouvez utiliser des étiquettes avec les champs de saisie dans la mise en page du formulaire.
4 Juste des entrées

Framework7 vous permet d'utiliser uniquement des champs de saisie avec les éléments de formulaire.
5 Encart

Vous pouvez rendre les éléments de formulaire insérés à l'aide de la classe inset .