Мне нужно создать форму, внутри формы есть меньшие формы, которые будут генерироваться в соответствии с указанным пользователем числом?

Question

Я создал форму, используя HTML, JS.Текущая форма не может создать подчиненную форму внутри себя.Это можно объяснить как представьте себе динамическую таблицу, и мы создаем кнопку, на которую нажимаем, чтобы создать новые строки.Точно так же я хочу создать кнопку, которая добавляет внутри нее статическую форму (текстовые поля, выпадающие списки, редакторы расширенного содержимого, таблицы и т. Д.) Внутри статической формы.

Я пытался создать velocimacro, но потом понял, что макросы не могут быть вызваны в функции.Я пытался создать форму в Javascript, но создать несколько полей стало невозможно.

Ожидаемые результаты: кнопка сможет добавлять подчиненные формы в исходную форму при каждом нажатии.

Answer 1

Я действительно надеюсь, что вы прочитали то, что предложил Даан.

Во всяком случае, это маленький дегустатор. Если вы хотите создать больше разных элементов, я предлагаю Google.

function createNewForm(form) {
        newForm = document.createElement('form');

        input = document.createElement('input');
        input.type = "text";
        input.value = "new text input";

        button = document.createElement('button');
        button.type = "button";
        button.innerText = "new button";

        newForm.appendChild(input);
        newForm.appendChild(button);

        form.appendChild(newForm);

        console.log(form);
}

<form action="">
        <input type="text" value="hello">
        <button type="button" onclick="createNewForm(this.form)">create form</button>
</form>