Framework7 Form Elements

In Framework7, form elements are used to make a good looking form layout.

Following is a list of some supported form elements in Framework7:

IndexForm ElementStructureDescription
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.

    Types of Form Elements

    IndexForm Element TypeDescription
    1)Full LayoutThe full layout type is used when we want to display whole form element.
    2)Icons and InputsThe icons and input fields are used in the form layout to make an elegant look.
    3)Labels and InputsLabels can also be used along with the input fields in the form layout.
    4)Just InputsFramework7 allows you to use only input fields with the form elements.
    5)InsetYou can make the form elements inset by using the inset class.

    Next TopicFramework7 Full Layout Form




    Latest Courses

    Logo

    We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks

    Contact info

    G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

    [email protected].

    Follow us
    FacebookTwitterRssBlogspotYoutube
    Tutorials
    Java Data Structures C Programming C++ Tutorial C# Tutorial PHP Tutorial HTML Tutorial JavaScript Tutorial jQuery Tutorial Spring Tutorial
    Interview Questions
    Tcs Intuit Wipro Adobe Infosys Amazon Accenture Cognizant Capgemini Microsoft
    Online Compiler
    C R C++ Php Java Html Swift Python JavaScript TypeScript
    © Copyright 2024 Javatpoint. All Rights Reserved.