KAWWA Markup Pattern Library


Forms

Email field Component Information

  • Class name:
  • Version: 1.0

Add to list

This is a simple input pattern that doesn't require a CSS class. It uses the HTML5 input type "email" and the attribute pattern to define the entry pattern expected for email addresses.

HTML5 Plain Code

COPY
  1. <p><label for="Email">E-mail:</label>
  2. 	<input type="email" id="Email" name="Email" 
  3. 		pattern="[a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4}"
  4. 		size="40" 
  5. 		title="A valid email must not contain spaces or special characters" />
  6. </p>

IE Backward Compatibility

In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:

Top


List of Components

Top

jQuery Feature
jQuery Interactive Feature
Tapestry Integration
Tapestry integration
AngularJS Feature
AngularJS Feature

Navigation

Forms

Tables

Blocks

Site Utilities

Editorial

eCommerce