Let Wufoo do the hard work. Sign up for a free account and start making forms the easy way.
Live Demo
 Firefox 4+ |  Safari 5+ |  Safari iOS 3.1+ |  Chrome 10+ |  Opera 10.6+ |  IE 10+ |  Android 4.0+ |
|---|---|---|---|---|---|---|
 |  | | | | | |
The Low Down
The email input type is for (you guessed it) email addresses. Just by virtue of having this type applied, the value will be validated, requiring the presence of an @.
- Email validation is a particularly difficult (screenshot) to do perfectly (via JS or Server Side validation).
- Mobile devices with dynamic keyboards, including iOS and Android, brings up an email keyboard featuring the “@” and “.” keys
- Safari and Android validate email addresses, supporting :valid and :invalid, but do not provide constraint on form submission.
- Falls back to a regular text input.
- Include the
multipleattribute to accept more than one comma separated email address. If you also include thepatternattribute, remember the pattern must match the entire value, including the comma and optional spaces. - Use case: simple contact forms
- Careful with double-byte internationalized domain names, Firefox, Safari and Chrome, but not Opera, invalidate them.
