Every form should be formatted for ease of use and accessability, as well as styled so that it matches the rest of the website.
- Ensure form controls and labels exhibit appealing alignment. Use flex or grid box to control the display of form widgets
- CSS style should be applied throughout the form. Use CSS box model properties to style your form elements appealingly. Try several of your own styles, or find examples to give you inspiration:
- sitepoint.com
- sanwebe.com
- designshack.net
- search online for more!
NOTE:Not all form controls display the same in different environments. This CSS form styling article explains the issue in great detail. - The <label for="idname"> tag is used for associating all text labels to the appropriate form input. this increases accessibilty and data semantics
- The <fieldset> and <legend> tags can be used to semantically and visually group related elements together.