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.