Create Semantic, Accessible HTML for Form Selects

Share this video with your friends

Send Tweet

Continuing on from our text inputs, we'll make our next field type including a select with the multiple attribute. Additionally, we'll include these fields in a disabled state. Both types will use the .form-group created in the previous lesson for a touch of layout styling.

You'll notice the same pattern here as with text inputs in that to make select inputs fully semantic and accessible you will need to add a for attribute that matches the id of the select element