let new_input = document.createElement('input');
new_input.name = 'имя параметра';
new_input.value = 'значение параметра';
new_input.className = 'классы ноды'; // какие-то классы input, если требуется
new_input.onclick = function(){}; // какие-то событийные обработчики
let input_container = document.querySelector('тут указываем, как дотянуться до ноды-контейнера, куда хотим вставить input');
input_container.appendChild(new_input); // добавление input-а в качестве потомка ноды-контейнера`products`.`category_id` = '12'
Есть исходники проекта логотипа, показывающий все детальные аспекты реализации?
Вот с этими материалами обращаетесь в суд.