I am learning to code on a side project - Percentage Calculator.
What sort of details can level up the forms on mobile and desktop?
For further actions, you may consider blocking this person and/or reporting abuse
Read next
Daliy.rust day 3
xavier2code -
Shallow Knowledge vs. Deep Knowledge: The Key to Standing Out in Todayβs Tough Job Market
Bruno Ciccarino Ξ» -
Inertia.js with Laravel and React: A Guide for Entry-Level Developers π
Harold Defree -
Exploring Nuances of the Java Scanner Class
Arshi Saxena -
Top comments (2)
In general, make sure forms are accessible. This means having a label for every corresponding input element (except submit or buttons) and making sure screen readers are able to read it properly. The labels may be hidden visually using CSS based on your calculator example, but make sure they exist in the HTML. Also make sure that it's easy to navigate the form using just a keyboard with tabbing and focus states.
For mobile, make sure that the inputs are big enough that users can click on them easily without accidentally hitting something else. And make sure the input type is correct. For example if your input is for emails specifically, then set the input type attribute correctly so the right keyboard pops up on mobile.
Thanks for the tips