General rule

The most important part in preparing a proper form is its Strucure. It is crucial to remember about the spacing between elements of the form, as in the example below. Instead of using the spacing, you can manually put it in the selector p. You also have to remember to always use it in the right order. It is important that <label> is at the begining and that it does not wrap any other elements.

Example:

						
COPY
<label>What's your name?</label> <i class="material-icons prefix">account_circle</i> [text* your-name] <label>What's your surname?</label> <i class="material-icons prefix">account_box</i> [text* your-surname] <label>Your e-mail</label> <i class="material-icons prefix">email</i> [email* your-email] <label>Your message</label> [textarea your-message] [submit "SUBMIT"]

The result:


account_circle


account_box


email