Home
Do you know how to arrange forms?
  v2.0 Posted at 20/03/2017 10:22 AM by Tiago Araujo

​​There are two ways of arranging labels and inputs on an html form, but each should be used in a specific scenario.​

When arranging labels and inputs on your html form, align labels next to the inputs on medium and large displays.

Figure: Labels besides their respective inputs on regular displays

When arranging labels and inputs on your html form, align labels above inputs on small and extra-small displays.

Figure: Labels above their respective input on smaller displays

Bootstrap makes this easy. Read Do you use the css class "form horizontal" to arrange your fields and labels? to know more.

​​

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.