Form field label

This is a label that you can put next to an input or dropdown to explain it’s meaning. The label supports clicking which puts focus on the object with the id specified in the for field of the label.

Screenshot_2018-05-18_11-13-28

To know what to put in the for field can be a little tricky since it is the HTML id of the form element you want the label to be for. If we have a field like below we can right click and choose Inspect to find out what id it has.

inspect

The id should then be visible in the inspector:

inspect2

Write this value in the for field of your label:

Screenshot_2018-05-18_11-17-15

When a user clicks your label the input should now receive browser focus.

Do you want to learn more about visual, animated, and interactive content?