Select menus in Bootsrap - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a <select> element used for in web forms?

It creates a dropdown menu that lets users pick one or more options from a list.

beginner

How do you make a Bootstrap select menu look styled and consistent?

Add the class form-select to the <select> element.

beginner

How can you allow users to select multiple options in a select menu?

Add the multiple attribute to the <select> element.

intermediate

What Bootstrap class helps to make select menus responsive and full width?

Use the class w-100 or place the select inside a container with responsive layout.

beginner

How do you add a label to a select menu for accessibility?

Use a <label> element with a for attribute matching the select's id.

Which class should you add to a <select> element to style it with Bootstrap?

A dropdown-menu

B select-style

C btn-select

D form-select

Bootstrap uses the class form-select to style select menus.

How do you allow multiple selections in a select menu?

A Add <code>multi-select</code> class

B Add <code>multiple</code> attribute

C Use <code>&lt;input type='checkbox'&gt;</code>

D Add <code>select-multiple</code> id

The multiple attribute enables multiple selections in a <select>.

What HTML element should you use to label a select menu for screen readers?

A <code>&lt;label&gt;</code>

B <code>&lt;legend&gt;</code>

C <code>&lt;caption&gt;</code>

D <code>&lt;title&gt;</code>

The <label> element with a matching for attribute improves accessibility.

Which Bootstrap utility class helps make a select menu take full width?

A w-100

B full-width

C width-max

D container-fluid

The w-100 class sets width to 100%, making the select menu full width.

What attribute do you add to a <select> to disable it?

A block

B readonly

C disabled

D inactive

The disabled attribute disables the select menu so users cannot interact with it.

Explain how to create a Bootstrap styled select menu that allows multiple selections and is accessible.

Think about HTML attributes, Bootstrap classes, and accessibility labels.

Describe how you would make a select menu disabled and explain why you might do this.

Focus on the attribute and practical reasons for disabling.