Framework7-form-elements

Framework7-フォーム要素

説明

フォーム要素は、見栄えの良いフォームレイアウトを作成するために使用されます。

Framework7は、以下の表に指定されているいくつかのフォーム要素を提供します-

S.No	Form Element	Structure
1	All text inputs	<div class = "item-input"> <input type = "password"> </div>
2	Select	<div class = "item-input"> <select>...</select"> </div>
3	Textarea	<div class = "item-input"> <textarea></textarea> </div>
4	Resizable Textarea	<div class = "item-input"> <textarea class = "resizable"></textarea> </div>
5	Switch (Checkbox)	<label class = "label-switch"> <input type = "checkbox"> <div class = "checkbox"></div> </label>
6	Slider (Range input)	<div class = "item-input"> <div class = "range-slider"> <input type = "range" min = "10" max = "50" step = "0.1"> </div> </div&gt

次の表に指定されているように、さまざまなタイプのフォーム要素を使用できます-

S.No	Form Element Type & Description
1	Full Layout 完全なレイアウトタイプは、フォーム要素全体を表示するために使用されます。
2	Icons and Inputs フォームレイアウトの入力フィールドとともにアイコンを使用できます。
3	Labels and Inputs フォームレイアウトの入力フィールドとともにラベルを使用できます。
4	Just Inputs Framework7では、フォーム要素を持つ入力フィールドのみを使用できます。
5	Inset _inset_クラスを使用して、フォーム要素をインセットできます。