Making an input type for checking valid email address in HTML

web design services - input type email - html

tutorial for web design services to make valid input type for email in html



Making an input type for checking valid email address in HTML

As a web design services, we often use input type="text" and input type="password" like below:

For text: <input type="text" name="username" size="25" maxsize="15">
For password: <input type="password" name="password">

The syntax above can be used for all types of data including email address. But how can we check whether the email address is valid or not?
If we use the code like below:

Read: Restricted input type for number only by using HTML5
<input type="text" name="email" required>

we will face a trouble because the form can be submitted even with invalid email address. Off course we can use javascript or jquery to check the input value before being submitted or using PHP to check the submitted value. But we do not need to do that, because just HTML tag.

Read: Restricted input type for number only by using HTML5

The solution is chahing input type becomes input type="email".
The complete code is like below:

<input type="email" name="email" required>

By doing this, the error message will show up if the vallue is invalid email address, and the form cannot be submitted.

It is very easy for web design services, right?



Related Article

Web Design Services - Best Webdesign - Best SEO Services

Looking for birthday with PHP and MySQL

We often experience difficulty to find the birthday between two dates inside MySQL database. It is caused by the storage we use in MySQL, namely brith date format like Y-m-d, for example 2000-12-21. The problem occurs when we try to find the birthda ...


The usage of if and else in MYSQL and PHP

Hallo friends of Tatamedia, web developer in Surabaya and Bali.Now we will learn about the usage of if in mysql, so the query can be shortened. Generally, if in mysql has a form as follows: IF(condition, value_if_true, value_if_false) where:condit ...


Checking Password Strength with pStrength jQuery Plugin

When we make a web design, we often make registration form for the visitor. One of the field is password. One thing we need is password strength to ensure the better security for login access.. To fulfill that we can use pStrength jQuery Plugin.We j ...


We create RESPONSIVE WEBSITE

Responsive web is special program code, so the website can be read in all devices. It is very suitable for better page rank in search engine like google

graphic design in indonesia

Website Design in Indonesia

Graphic Design in Indonesia

Contact

+628113638531 / +628113865464

info@tatamedia.com

Webdesigner in Indonesia

Videographer in Bali

Office

Tatamedia Solusindo Surabaya

Dekkophotography Bali

Fine Art Photography in Bali

Web Design

Support

Send your request to

info@tatamedia.com