Разница в работе между <input type="text" List="1">+<datalist id="1"> и <select> <option value=""></select>

Тема : Разница в работе между + и

Подскажите, для чего используется тот или ной способ (указанный в теме) выбора значений из списка? При теге список при повторном нажатии появляется целиком со всем набором опций. При выборе значения через тег при пустом поле появляется весь список выбора. А при уже выбранном элементе и заполненном поле, при попытке выбрать другой элемент, в списке возможных вариантов появляется только то, что уже выбрано в поле. Как так? Почему так? Может я не правильно заполнил html документ в этой части? Объясните по смыслу для чего нужен и ? Приведите, если возможно примеры в которых удобно использовать тот или иной способ выбора элементов.

Вот фрагмент HTML документа который я использовал для изучения вопроса:

Осло Эспоо Хельсинки Санкт-Петербугр