Javatpoint Logo
Javatpoint Logo

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:

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.

    Types of Form Elements

    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.

    Next TopicFramework7 Full Layout Form




    Youtube For Videos Join Our Youtube Channel: Join Now

    Feedback

    Help Others, Please Share

    facebook twitter pinterest

    Learn Latest Tutorials

    Splunk tutorial

    Splunk
    SPSS tutorial

    SPSS
    Swagger tutorial

    Swagger
    T-SQL tutorial

    Transact-SQL
    Tumblr tutorial

    Tumblr
    React tutorial

    ReactJS
    Regex tutorial

    Regex
    Reinforcement learning tutorial

    Reinforcement Learning
    R Programming tutorial

    R Programming
    RxJS tutorial

    RxJS
    React Native tutorial

    React Native
    Python Design Patterns

    Python Design Patterns
    Python Pillow tutorial

    Python Pillow
    Python Turtle tutorial

    Python Turtle
    Keras tutorial

    Keras

    Preparation

    Aptitude

    Aptitude
    Logical Reasoning

    Reasoning
    Verbal Ability

    Verbal Ability
    Interview Questions

    Interview Questions
    Company Interview Questions

    Company Questions

    Trending Technologies

    Artificial Intelligence

    Artificial Intelligence
    AWS Tutorial

    AWS
    Selenium tutorial

    Selenium
    Cloud Computing

    Cloud Computing
    Hadoop tutorial

    Hadoop
    ReactJS Tutorial

    ReactJS
    Data Science Tutorial

    Data Science
    Angular 7 Tutorial

    Angular 7
    Blockchain Tutorial

    Blockchain
    Git Tutorial

    Git
    Machine Learning Tutorial

    Machine Learning
    DevOps Tutorial

    DevOps

    B.Tech / MCA

    DBMS tutorial

    DBMS
    Data Structures tutorial

    Data Structures
    DAA tutorial

    DAA
    Operating System

    Operating System
    Computer Network tutorial

    Computer Network
    Compiler Design tutorial

    Compiler Design
    Computer Organization and Architecture

    Computer Organization
    Discrete Mathematics Tutorial

    Discrete Mathematics
    Ethical Hacking

    Ethical Hacking
    Computer Graphics Tutorial

    Computer Graphics
    Software Engineering

    Software Engineering
    html tutorial

    Web Technology
    Cyber Security tutorial

    Cyber Security
    Automata Tutorial

    Automata
    C Language tutorial

    C Programming
    C++ tutorial

    C++
    Java tutorial

    Java
    .Net Framework tutorial

    .Net
    Python tutorial

    Python
    List of Programs

    Programs
    Control Systems tutorial

    Control System
    Data Mining Tutorial

    Data Mining
    Data Warehouse Tutorial

    Data Warehouse