This page demonstrates various examples with mixed dependent controls. The same example may contain SELECT dropdown on the first level, radio buttons on the second level, and switches on the third, or any other configuration. The selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).
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.