Is there a form element meant to provide instruction?

Question

I know how to add labels to form inputs to 'label' what they are. I am wondering if there is something similar for describing what a field is in more details? I want to there to be little text under a text field but don't know if there is a specific element I should use... thanks!

Answer

As you've already mentioned, each input requires that it has a corresponding label. If you would like to include some text below a form field to help describe that input, you'll need to use the aria-describedby attribute. An example would look like this:

<form>

<label for="input1_1">Given Name</label>

<input id="input1_1" required autocomplete="given-name" aria-describedby="input1_1_description">

<p id="input1_1_description">Enter your first name, or given name, in this field.</p>

</form>