分步式用户注册表单UI界面设计

<form id="msform">  <!-- PRogressbar -->  <ul id="progressbar">    <li class="active">账号设置</li>    <li>社交账号</li>    <li>个人详细信息</li>  </ul>  <!-- fieldsets -->  <fieldset>    <h2 class="fs-title">创建你的账号</h2>    <h3 class="fs-subtitle">这是第一步</h3>    <input type="text" name="email" placeholder="Email地址" />    <input type="passWord" name="pass" placeholder="密码" />    <input type="password" name="cpass" placeholder="重复密码" />    <input type="button" name="next" class="next action-button" value="Next" />  </fieldset>  <fieldset>    <h2 class="fs-title">填写社交账号</h2>    <h3 class="fs-subtitle">填写你的常用社交网络账号</h3>    <input type="text" name="x-weibo" placeholder="新浪微博" />    <input type="text" name="t-weibo" placeholder="腾讯微博" />    <input type="text" name="QQ" placeholder="腾讯QQ" />    <input type="button" name="previous" class="previous action-button" value="Previous" />    <input type="button" name="next" class="next action-button" value="Next" />  </fieldset>  <fieldset>    <h2 class="fs-title">个人详细信息</h2>    <h3 class="fs-subtitle">个人详细信息是保密的，不会被泄露</h3>    <input type="text" name="fname" placeholder="昵称" />    <input type="text" name="lname" placeholder="姓名" />    <input type="text" name="phone" placeholder="电话号码" />    <textarea name="address" placeholder="家庭住址"></textarea>    <input type="button" name="previous" class="previous action-button" value="Previous" />    <input type="submit" name="submit" class="submit action-button" value="Submit" />  </fieldset></form>