SQL Server administration and T-SQL development, Web Programming with ASP.NET, HTML5 and Javascript, Windows Phone 8 app development, SAP Smartforms and ABAP Programming, Windows 7, Visual Studio and MS Office software
HTML5 Tutorials and HTML5 Code Samples and HTML component examples for Web Developers

HTML5 Email Validation using new Form Input Types

Email validation in HTML forms has never been so easy. New HTML5 input type email is introduced for web developers to use for input fields where email address should be entered. HTML5 email input type therefore can be used for email address validation in web forms.

Unfortunately since HTML5 is not yet fully supported by all web browsers, the new input type email is not an exception. Chrome, Firefox and Opera is supporting HTML5 email input type today (05/06/2012). On the other hand, Internet Explorer 9, Maxthon or Safari are not yet supporting email HTML input type.

Firefox supports HTML5 Email input type

Please browse the HTML5 email validation example page using the new form input type email. You can also browse the sample page using a web browser supporting new HTML5 email form input type. I've used Firefox web browser for this HTML5 email validation example.

HTML5 email validation using new form input types

Here is the HTML5 source code for the example HTML5 email address validation form where new input type email is used. Please notice the email input type in the below HTML5 source codes.

<form action="">
E-mail Address: <input type="email" name="emailaddress" /><br />
<input type="submit" value="Validate Email Address" />

Opera web browser HTML5 email address validation

HTML5 email address validation on Opera web browser


Copyright © 2004 - 2021 Eralper YILMAZ. All rights reserved.