how to organize 50 or more html forms using css and jquery?

im facing a big a problem regarding how to organize about 50 or form in 1 page its a simple forms which will allow use to save username and passwords for about 50 or more website i need some ideas in how to organize them so they look fine and not messed also its become faster when loading the page i think i can use css and Jquery for such propose but i would like to have some ideas about it must look ? should i use div and grouping them in multi groups ? should i use filedset which will not give me the web 2.0 look ?

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30" /><br />
    Email: <input type="text" size="30" /><br />
    Date of birth: <input type="text" size="10" />
  </fieldset>
</form>

i just need some good ideas also if there is a good tutorial in how to d开发者_如何学编程esign a simple web 2.0 look login box that would be so nice

You can do it with or without filedset. It is up to you.

You can restyle fieldset to anything you want.

fieldset{
  border:none;
  ...
}

If all of your forms are collecting the same info (username/password), then just design one form that contains the following:

• username field
• password field
• < select > drop-down containing values for the various sites for which you are saving data.

Allow the user to select the site from the drop-down and use the same set of input fields to do their work.