- Anima for Sketch
- Anima for Sketch
- Install Plugin
- Install Plugin
- Create a Project
- Create a Project
- Preview & Sync Project
- Preview & Sync Project
- Upgrade a Team
- Upgrade a Team
- Tutorial Files
- Tutorial Files
- Introduction
- Introduction
- Pins
- Pins
- Stacks (Flexbox)
- Stacks (Flexbox)
- Padding
- Padding
- Screen Presets
- Screen Presets
- Keyboard Shortcuts
- Keyboard Shortcuts
- Symbols
- Symbols
- Examples
- Examples
- Introduction
- Introduction
- Links
- Links
- Breakpoints
- Set Homepage
- Breakpoints
- Set Homepage
- Hover Effects
- Hover Effects
- Entrance Animation
- Entrance Animation
- Fixed Position
- Fixed Position
- Text Input & Forms
- Text Input & Forms
- Videos/GIFs/Lottie
- Videos/GIFs/Lottie
- Embed Code
- Embed Code
- Interaction & Animation
- Interaction & Animation
- Interactions Intro
- Interactions Intro
- Samples
- Samples
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Publish Website
- Custom Domains
- Custom Domains
- Analytics
- Analytics
- Project Settings
- Project Settings
Getting Started
Layout
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Text Input & Forms
Text Input allow visitors of the website or testers of a prototype to type text and submit information such as their contact information to a Form.
How To Create a Form
First, create Text Fields where users will type their information:
- Select the text input fields where you want users to type their information
- In Prototype, expand the Smart Layers section and click on Forms
- Select “Text Input“ from the drop-down options
- Select what type of Text Input the user must enter: Text, Email, Password, Number, and/or Required field
- Select if the field whether the field is required or not
Then create a Submit Button:
- Select the button component
- Go to Forms in Smart Layers
- Select “Submit Button“ from the drop-down options
- (Optional) Enter Email address to send notifications when visitors submit information
- (Optional) Name for a Spreadsheet which you can view and download as CSV of all the entries
- (Optional) Select a Success Page where to redirect visitor once their submission has been successful
- (Optional) Select a Failure Page where to redirect visitor in case their submission failed
❗️Forms only work for sites being hosted with Anima.
Text Input Validation
When previewing the Form, the browser will validate that the user entered the selected type of Input Field and alert the user.
Download Form Submissions
To download the information your users submitted, go to your project’s settings, and at the bottom of the Prototype Link tab, you will find the download button:
Caught a mistake or want to contribute to the documentation?
Edit this page on Github!