Coffee Luv Bug Design System

Input Type Email

Here is an example of the input type email used for input fields that should contain an e-mail address in our application.

Depending on browser support, the e-mail address will be automatically validated when submitted.

Here is the html code of email field used in our app,

        
        
        <form>
        <label for="email">Enter your email:</label>
        <input type="email" id="email" name="email">
        </form>

Here is the css code of email field used in our app,

        
        input[type=email]
        {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        }