Your details
Here is some instructional text about completing this input successfully.
Date ranges

I am a help block. Here is some instructional text about completing this input successfully.

Pick a side

Guidelines

  1. novalidate set on form to disable browser validation
  2. Top-aligned labels
  3. Labels always visible
  4. A new row for each question
  5. Only use the character count component when there is a good reason for limiting the number of characters users can enter. When using this component:
    • Display how many characters the user has remaining as they type.
    • Display the remaining characters below the text area.
    • Allow the user to enter more characters than the maximum limit. The form validation will handle any excess.
  6. Use the appropriate autocomplete attribute for the field in question. View the list of values at MDN
  7. All fields optional by default; explicitly mark those which are required.
  8. Use a fieldset to group multiple controls. A legend describes a group like a label describes an individual control.
  9. Use sensible defaults: design for common circumstances first.
  10. The input width gives users a clue as to the length of the content it requires.
  11. Do not disable the form submit button: allow it to be discovered and trigger the form validation rules.

Validation

Messsages should:

  1. Be concise
  2. Be consistent
  3. Be specific
  4. Avoid jargon
  5. Use plain language
  6. Use active voice
  7. Not blame the user