Clean Form Elements

The Clean Form Elements module provides a consistent style for form controls, without requiring classes to be added to the form elements.

GitHub Project

By default, controls retain their natural size and inline nature.

By default, there is no padding or space between inputs unless there is whitespace in the HTML:

Simple Aligned forms

If you want to group a label and a form control, wrap them in an element with the class field. If your wrapping element is a block-level element, your label and control will be grouped, and a small margin is added to separate fields from each other.

For aligned forms, just give labels a fixed width.

Simple Stacked Forms

For stacked forms, just style labels as block elements and add appropriate margins.

All controls

Male Female
Legend