Как сделать ввод в поле input, цифры в формате времени, через двоеточие?

Question

[Gera11]

К примеру у меня есть поле

<input placeholder="введите дату" type="text" id="time">

Сейчас туда можно ввести любые символы и в разном порядке.
Но как сделать так, чтобы можно было вводить только цифры и в формате времени, как на картинке ниже:

Answer 1

[pavelbazhan]

<input placeholder="введите дату" type="time" id="time">

Answer 2

[inkShio]

Как вариант Inputmask