Часто в дизайнах попадается такое поля ввода (это один инпут по логике):
По идее нужно руки отрывать дизайнеру за такое, доказывать заказчику, что это не варик.
Но может есть решение таких ситуаций?
Руки нужно отрывать за неумение их делать правильно.
Т.е. с маской ввода, подсказками, а главное авто переходом в следующий после заполнения и авто валидацией без отправки формы.
И да, тут три инпута.
Думай головой, думай головой!
Если четыре, значит четыре инпута, потом объединить в один не сложно.
Если хочется, что бы был один name то для каждый инпут должен выглядеть примерно так: