Skip to main content

Main Content

Signup Form


The signup form shows an example of a very simple form and how input and button elements should look. You may expand on the elements of this form or use it as-is.

Default Style

Example Markup

<div class="su-signup-form [ modifier_class ]"> <h2 class="su-signup-form__heading">Sign up for our email.</h2> <p>Your source for pellentesque leo accumsan ultrices</p> <form action="/" method="post"> <input type="email" id="su-email" aria-label="email address" name="su-email" placeholder="email address" required="" /> <input type="submit" id="su-submit" name="su-submit" value="Sign-up" /> </form> </div>