📅 最后修改于: 2021-01-02 06:07:44 🧑 作者: Mango
在Framework7中，表单元素用于形成美观的表单布局。
以下是Framework7中一些受支持的表单元素的列表：
| Index | Form Element | Structure | Description |
|---|---|---|---|
| 1) | All text inputs | …
… … … |
Supported types: text, password, email, tel, url, date, number, datetime-local |
| 2) | Select | …
|
Used to select items. |
| 3) | Textarea | …
… |
List View element with textarea should have additional “align-top” class on |
| 4) | Resizable Textarea | …
… |
Resiable textarea. Just add “resizable” class to textarea and it will resize automatically depending on its content |
| 5) | Switch (Checkbox) | … … |
Switch (Checkbox) requires additional wrapper. |
| 6) | Slider (Range input) | …
… |
Slider (Range input) requires additional wrapper. |
| Index | Form Element Type | Description |
|---|---|---|
| 1) | Full Layout | The full layout type is used when we want to display whole form element. |
| 2) | Icons and Inputs | The icons and input fields are used in the form layout to make an elegant look. |
| 3) | Labels and Inputs | Labels can also be used along with the input fields in the form layout. |
| 4) | Just Inputs | Framework7 allows you to use only input fields with the form elements. |
| 5) | Inset | You can make the form elements inset by using the inset class. |