Framework7 - Elementos do formulário

Descrição

Os elementos do formulário são usados ​​para criar layouts de formulário de boa aparência.

Framework7 fornece alguns elementos de formulário conforme especificado na tabela abaixo -

S.Não Elemento de Formulário Estrutura
1 Todas as entradas de texto 
<div class = "item-input">
   <input type = "password">
</div>
2 Selecione 
<div class = "item-input">
   <select>...</select">
</div>
3 Textarea 
<div class = "item-input">
   <textarea></textarea>
</div>
4 Área de texto redimensionável 
<div class = "item-input">
   <textarea class = "resizable"></textarea>
</div>
5 Mudar (caixa de seleção) 
<label class = "label-switch">
   <input type = "checkbox">
   <div class = "checkbox"></div>
</label>
6 Controle deslizante (entrada de intervalo) 
<div class = "item-input">
   <div class = "range-slider">
      <input type = "range" min = "10" max = "50" 
         step = "0.1">
   </div>
</div>

Podemos usar elementos de formulário em vários tipos, conforme especificado na tabela abaixo -

S.Não Tipo e descrição do elemento do formulário
1 Layout Completo

O tipo de layout completo é usado para exibir todo o elemento do formulário.
2 Ícones e entradas

Você pode usar ícones junto com os campos de entrada no layout do formulário.
3 Rótulos e entradas

Você pode usar rótulos junto com os campos de entrada no layout do formulário.
4 Apenas entradas

Framework7 permite que você use apenas campos de entrada com os elementos do formulário.
5 Inserir

Você pode inserir os elementos do formulário usando a classe de inserção .