На данный вопрос уже ответили:
Как делают вот такие раскрывающиеся списки?
Конструкция HTML вроде как наверное будет примерно такая:
<select size="1">
<option value="среднее">высшее</option>
<option value="среднее">среднее</option>
<option value="Нет">Нет</option>
</select>
Такое реализовать можно с помощью js/jquery библиотек. Например: https://harvesthq.github.io/chosen/
Вам необходимо скачать и подключить библиотеку на нужной странице.
Добавляем нужный select:
<select data-placeholder="Выберите страну..." class="select">
<opton value="Russia">Россия</option>
<opton value="Korea">Корея</option>
</select>
Потом добавляем js код:
$(".select").chosen();
Стилизовать уже можно с помощью CSS в файле chosen.css
А так на самом деле решений на StackOverflow куча, почти на 99% реализуется с помощью js.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости