Form Elements

<div class = "item-input">
   <input type = "password">
</div>

<div class = "item-input">
   <select>...</select">
</div>

<div class = "item-input">
   <textarea></textarea>
</div>

<div class = "item-input">
   <textarea class = "resizable"></textarea>
</div>

<label class = "label-switch">
   <input type = "checkbox">
   <div class = "checkbox"></div>
</label>

<div class = "item-input">
   <div class = "range-slider">
      <input type = "range" min = "10" max = "50" 
         step = "0.1">
   </div>
</div>

完整布局类型用于显示整个表单元素。

您可以在表单布局中使用图标和输入字段。

您可以在表单布局中使用标签和输入字段。

Framework7允许您仅使用带有表单元素的输入字段。

您可以使用inset类使表单元素嵌入。