Как это сделать (phone, input)?

я бы предложил поделить это на 5 input. И менять фокус при заполнении input.

Руслан: и как будто как раз тут даже решение есть)) Как вызвать фокус инпута по условию?

iBird Rose: а я хотел написать реализацию для этого примера.)) Ну, я не вижу других способов решить эту задачу в точности, как нарисовал дизайнер.)

Руслан: а в чем вы видите здесь проблему?
Я вижу обычный инпут с немного нестандартной маской ввода 8_-__999__-__999__-__00__-__00
Берем любой плагин маскированного ввода и делаем. Да, придется вырезать лишние пробелы при обработке номера, но куда же деваться.
Ах да, полоску внизу просто рисуем линейным градиентом на фоне.
На первый взгляд как-то так. Детально обдумывать мне сейчас лень.

Сергей: о маскировочных плагинах не подумал.) А так да, буду иметь ввиду, вдруг пригодится в будущем.)