Default Forms
By default individual form controls receive styling, with minimal classing and
without any required base class on the form
or large
changes in markup.
Results in stacked, left-aligned labels on top of form controls.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?
Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.
lorem ipsum dolor sit amet consectetur adipisicing elit
architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint
lorem ipsum dolor sit amet consectetur adipisicing elit
lorem ipsum dolor sit amet consectetur adipisicing elit
lorem ipsum dolor sit amet consectetur adipisicing elit
By default individual form controls receive styling, with minimal classing and
without any required base class on the form
or large
changes in markup.
Results in stacked, left-aligned labels on top of form controls.
Simple inline form
To mark a form control as required, add the required
attribute.
To mark a form control as disabled, add the disabled
attribute.
lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore
lorem ipsum dolor sit amet consectetur adipisicing elit
lorem ipsum dolor sit amet consectetur adipisicing elit
Fruit | Weight | Colour |
---|---|---|
Apple | 150g | Red|Green |
Orange | 200g | Orange |
Fruit | Weight | Colour |
---|---|---|
Apple | 150g | Red|Green |
Orange | 200g | Orange |
Fruit | Weight | Colour |
---|---|---|
Apple | 150g | Red|Green |
Orange | 200g | Orange |
Fruit | Weight | Colour |
---|---|---|
Apple | 150g | Red|Green |
Orange | 200g | Orange |
Fruit | Weight | Colour |
---|---|---|
Apple | 150g | Red|Green |
Orange | 200g | Orange |
Banana | 110g | Yellow |
Strawberry | 5g | Red |
Tomato | 80g | Red |
Pineapple | 600g | Greenyellow |
Basket | 130g | Brown |
Fruit | Weight | Colour |
---|---|---|
Averages | 175g | Bright colours |
Apple | 150g | Red|Green |
Orange | 200g | Orange |