This page demonstrates various depending control examples using pure CSS without frameworks and AJAX requests to a test server. All selected values will be restored after page refresh or back / forward button until the end of the browser session (using Session Storage).
Please note that this page should be opened only on the server, and it won't work on file:/// protocol because of the CORS.
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.