Forms Exercises
Explore hands-on “Forms” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Input mask
Exercise
Action input
Exercise
Connect error messages to their input fields
Exercise
Provide concise but meaningful helper text
Exercise
Inputs should be easy to hit
Exercise
Use progress trackers to encourage users
Exercise
Text input
Exercise
Allow multiple login options
Exercise
Provide security of user data
Exercise
Ensure labels are easier to read
Exercise
Form
Exercise
Avoid clutter and add enough spacing between elements
Exercise
Add an error summary
Exercise
Highlight matching characters for better scanning
Exercise
Foresee users' questions and provide helper text
Exercise
Inputs
Exercise
Measure user satisfaction
Exercise
Limit signing up to one page
Exercise
Use a contextual primary action label
Exercise
Use standard input styling for faster recognition
Exercise
Keep the input text legible
Exercise
Use placeholders cautiously
Exercise
Required input
Exercise
Remove unnecessary fields
Exercise
Placeholder
Exercise
Provide informative placeholders
Exercise
Reduce the number of user actions
Exercise
Indicate required and optional fields
Exercise
Select a label case that's easier to read
Exercise
Prevent errors with phone input masks
Exercise
Always keep labels outside of the input
Exercise
Simplify search with real-time suggestions
Exercise
Choose the right date pickers for users' needs
Exercise
Maintain a natural reading flow
Exercise
Use visual markers to indicate an active input
Exercise
Text area
Exercise
Use logical input grouping
Exercise
Allow users to reveal the password
Exercise
Add a currency label to remove confusion
Exercise
Use the right selection controls
Exercise
Place error messages below the input
Exercise
Prevent wrong formats with date masks
Exercise
Opt for a single-column layout
Exercise
An error may occur because of incorrect data
Exercise
Add enough space between inputs
Exercise
Use contextual keypads to minimize actions
Exercise
Don't truncate error messages
Exercise
Put labels above inputs to enhance scannability
Exercise
Use autocomplete for common information
Exercise