Split form in many pages... better way?

[eluser]Lewis Cowles[/eluser]
you could have the entire form on a single page inside a div with overflow: hidden; in the css and use

Code:

<a name="section1">...
<a name="section2">...

this will obviously have an effect loading times, but it will allow for a smoother transition between elements.

Also check out how Magento does this; It's the same thing, but with jQuery animations to toggle between fieldsets, for that little extra visual flair. very very nice to be able to add this kind of functionality.

Also as a N.B. consider that the form should be external to the div's

Code:

&lt;form ...&gt;&lt;div ...>content...</div>&lt;/form&gt;

, this will ensure that, the form as a whole can be saved. If you use localstorage, you can also save the form data on the users machine without having to worry about filling a database or storing a cookie (which might not be large enough, depending upon the size of the form.