Итак, тебе нужна форма
Схема на одной картинке: как выбрать поле ввода под тип данных и число вариантов. Без описания логики конкретных элементов — там свои нюансы.
Попытка немного формализовать создание полей формы:
SVG вариант.
Описание логики конкретных элементов делать не стал, там свои нюансы, тоже самое касается валидации.
Статья выходила на Хабре — там же остались комментарии.