Как сделать datalist с поддержкой опечаток?

Question

[PigData]

Можно ли реализовать в datalist поддержку опечаток и неправильной раскладки клавиатуры при это так чтобы отображалось только правильное, а не введенное значение? Без использования сторонних библиотек типа автокомплита. Пробовал в хроме внутри option загонять опечатку в комментарий, label с стилем display:none, но пока не нашел рабочий вариант.

Типа так

<input placeholder="город" list="city"/>
<datalist id="city">
	<option value="Москва">Москва</option>
	<option value="Москва">Vjcrdf</option>
	<option value="Москва">Moscow</option>
</datalist>

или так

<input placeholder="город" list="city"/>
<datalist id="city">
	<option value="Москва"><label style="display:none;">Москва Vjcrdf Moscow<label></option>
</datalist>

Comments

[Шохрух Шаймардонов]

Используйте регулярки

Answer 1

[Шохрух Шаймардонов]

Уважаемый, первым делом ищите, а не бегите спрашивать. Это ценится
А ответ на ваш вопрос уже задали также в тостер

Comments

[PigData]

Уважаемый, первым делом читайте вопрос, а не бегите отвечать. Это ценится
В вопросе спрашивается именно "Без использования сторонних библиотек типа автокомплита."

Я не сторонник цеплять паровозом десятки библиотек когда некоторые вещи решаются средствами HTML & CSS (возможно не в данном случае)

[Шохрух Шаймардонов]

PigData, я абсолютно поддерживаю вашу идею. Поэтому предлагаю его не цеплять, посмотреть как он под капотом работает и написать необходимые функции. Как вам такая идея?)