Dependent Controls Library

Bulma Examples

This page demonstrates various depending controls with Bulma CSS framework. All selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).

Dependent Dropdowns (SELECTs)

Dependent Radio Buttons

Dependent Switches

Dependent DataLists

Datalists allow you to create a group of <option>s that can be accessed (and autocompleted) from within an <input>. These are similar to <select> elements, but come with more menu styling limitations and differences. While most browsers and operating systems include some support for <datalist> elements, their styling is inconsistent at best. Learn more about support for datalist elements.

Mixed Controls