---
title: Email Address
description: Use this pattern when you need to ask users for their email address.
react-link: ?path=/docs/patterns-email--email
toc: true
---

{% capture email-pattern %}

    <label class="form-label" for="email">Email Address</label>
    <span class="form-text">Your email will only be used for updates</span>
    <input class="form-control" type="email" id="email" autocomplete="email" spellcheck="false" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" maxlength="256" placeholder="E