I've been trying to build a dynamic webform for the past week, but I'm pretty sure I'm not doing it the right way and I'm not able to get a final working result. First of all, I'll post this image here which represent exactly what I'm trying to do (found it in an unanswered question on stack overflow) : http://i.stack.imgur.com/xafwE.png
So yeah, I'm building a webform that will allow users to ask for new databases to be created on different server. Upon landing on the page, the client is asked to fill some fields (as DB name, etc, see Quiz 1 + Question 1 for reference). At one point, the client must fill in the DB's user information (name, rights, etc. See possible answer 1), but I would like him to also have the possibility the add another user wich would create new inputs for the new user (see Question 1 + possible answer 2). The client could do that for, let's say a maximum of 5 users.
Also, if he feels like it, the client can also click on a button at the end of the form to add a whole new database request ''form'' on the same page (see Question 2).
I'm able to do my form fine if it is static. I'm pretty sure I could manage to build a form if the only dynamic option was to add other users. But I'm mind-blown when I arrive to the point that I have to add other databases that includes users too.
At this point, all I was doing was using the document.getElementById().innerHTML += ... I was hardcoding name fields and doing ugly hacks, and I don't like that.
I can provide any code you want!