Learn more about Input Forms
Forms typically consist of input elements, such as text fields, checkboxes, radio buttons, and submit buttons. They allow users to quickly enter data in the case of a purchasing form, survey, signup form and any sort of feedback.
Data from forms is typically sent to a server for processing. After data is processed, users will get some sort of output back. Either a confirmation or search results or other information depending on the type of form.
About creating forms with inputs in Framer
To create a form element in Framer you can use out-of-the-box tools from the Insert Menu such as Frame, Input and Button. In Framer these types of prototyped forms are more realistic for two reasons. First, with the Input Default Component, those using the prototype will be able to actually type into the input field with their native keyboard on desktop or mobile just like a real HTML input. And second, the Input Default Component has an interaction built in that will allow users to transition to the next screen after pressing ‘enter’ just as you might in a real form with an input type submit.
To start creating this example yourself, draw a frame on the canvas and then insert a button and input from the Inset Menu. Then preview to see your components in action!