SiteServer CMS - 响应式用户交互组件库

SiteServer UI

Form Wizard

Basic Form Wizard

Use the button classes on an <a>, <button>, or <input> element.

Account

User name *

Password *

Confirm Password *

Profile

First name *

Last name *

Email *

Address *

(*) Mandatory

Hints

First Name : Jonathan
Last Name : Smith
Emial: jonathan@smith.com
Address: 123 Your City, Cityname.

Finish

I agree with the Terms and Conditions.

Vertical Steps Example

Use the button classes on an <a>, <button>, or <input> element.

Account

User name *

Password *

Confirm Password *

(*) Mandatory

Profile

First name *

Last name *

Email *

Address *

(*) Mandatory

Hints

First Name : Jonathan
Last Name : Smith
Emial: jonathan@smith.com
Address: 123 Your City, Cityname.

Finish

I agree with the Terms and Conditions.

Wizard with Validation

Use the button classes on an <a>, <button>, or <input> element.

Step 1

User name

Password *

Confirm Password *

(*) Mandatory

Step 2

First name *

Last name *

Email *

Address

(*) Mandatory

Step 3

First Name : Jonathan
Last Name : Smith
Emial: jonathan@smith.com
Address: 123 Your City, Cityname.

Step Final

I agree with the Terms and Conditions.