В такой ситуации, да еще если тебе это всё надо вдруг аяксом отправить, то можно в HTML только кнопку и нарисовать. А остальное сформировать чисто средствами JavaScript. Причем, JS ничего в HTML рисовать не будет!
Для начала, что это такое:
https://developer.mozilla.org/ru/docs/Web/API/FormDataПример использования
https://habrahabr.ru/post/115290/В примере для отправки файла код написан, но на самом деле точно также можно любые данные отправить, хоть текстовые, хоть логические.
PS. Вот пример из проекта, с которым я работаю. Тут делается форма, к которой цепляются файлы, в явном виде выбранные ранее юзером, либо через инпут с типов file, либо посредством драг-энд-дроп. И также есть одно текстовое поле, куда заносится куча данных в формате JSON. Ну и да, тут используется Ангуляр. Данный пример - это уже финальная подготовка данных для отправки.
var fd = new FormData();
for (var i in $scope.currentDoc.subDocument) {
var subDoc = $scope.currentDoc.subDocument[i];
if (subDoc.toBeUploaded) {
fd.append('uploaddocument', subDoc.fileData);
}
}
fd.append('documentdetails', JSON.stringify(documentDetails));
_____________
*
Хэлп по PHP*
Описалово по JavaScript *
Хэлп и СУБД для PostgreSQL*
Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги. *
"накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)