LumoCSS logoLumoCSS logo
Forms

Form

A component for collecting user input.

Default

<form>
    <fieldset>
        <label>Given name:
            <input type="text" name="name" placeholder="First and last name" required>
        </label>
        <label>E-mail:
            <input type="email" name="email" placeholder="E-mail address">
        </label>
        <label>
            <input type="checkbox" name="consent"> I agree with Terms of Service.
        </label>
    </fieldset>
    <input type="submit" class="secondary" value="Submit">
</form>