How To Create A Tabbed Html Form With A Common Div

I'm trying to create a html tabbed form where each named tab has a common set of inputs defined in a common div. When submit is hit, I'd like all the inputs from all the tabs are

Solution 1:

http://jsfiddle.net/5S7ea/

I've removed the common stuff from the page, assuming you don't want it to stay where it is. I refuse to use innerHTML except for the ie6/7 fix. I traverse the DOM looking for elements where the .form property is not undefined (it's not undefined on any type of form input, null when the element is not in a form), and rename these appropriately.

I have not used jQuery.

Solution 2:

There are numerous form wizard plugins that will likley cut your efforts down . Configurable , step options and validation options

Examplee: http://www.techlaboratory.net/products.php?product=smartwizard

Solution 3:

Here is the fiddle http://jsfiddle.net/RcrCJ/ in which you can see there are two tabs ul based and their respective div open and all the form is one page itself and you can fetch the code according to your id based on elements, demo is using jquery.