1. Label

Form inputs should always include a label. ²

2. Concise and Clear

Labels should be concise and clear. Labels should not be truncated and they should use title case. ¹

3. Errors

If there is a validation error, text explaining the error should be displayed. ³

4. Placeholder Text

Placeholder text can be used to provide helpful hints or to demonstrate the format to use. It should not include critical information and should not be used as a replacement for a label. ²

5. Sizing

The Input size should support expected user input. ¹ Using equally size form inputs may look clean but this can constrain the input area and make it harder to fill out.³

6. Error with Tooltip

For situations where limited space prevents displaying a clear error message, use the tooltip error state. However, remember that tooltips are less accessible than visible text, so use them sparingly.