Question

I have three separate forms, which need to be part of a single ‘larger’ form. I can merge them to form a single form, but that is not my intention. I need to do something like this:

<form method="" action="">

    <form1 without method and action>

    </form>

    <form2 without method and action>

    </form>

    <form3 without method and action>

    </form>

</form>

such that the data from the three forms can be collectively sent to the ‘outer’ form. Is it possible?

Answer 1

This is not valid HTML.

A FORM is not allowed to have nested forms.

From the DTD for HTML 4:

<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->

The -(FORM) explicitly excludes this.

You can have a single form and simply hide the unneeded elements using javascript.