Membuat input type untuk email di HTML

Pada umumnya kita sebagai web developer membuat input type berupa text atau password dengan kode seperti berikut:

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

Cara di atas juga bisa digunakan sekalipun data yang diinput berupa alamat email. Tetapi bagaimana jika kita membutuhkan data yang diinputkan merupakan email yang valid?
Jika kita menggunakan kode berikut:

Baca Juga: Kiat Membuat Website Berbasis JavaScript Yang SEO Friendly

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

Maka saat data yang diinput bukan alamat email valid, data akan tetap terkirim saat form dikirimkan. Bisa juga kita menggunakan javascript atau jquery untuk memeriksa data sebelum dikirimkan atau menggunakan PHP untuk memeriksa data yang dikirimkan. Tetapi tentu hal itu tidak perlu, karena cukup dengan tag HTML semua bisa diatasi.

Baca Juga: Kiat Membuat Website Berbasis JavaScript Yang SEO Friendly

Caranya adalah dengan merubah input type menjadi input type="email".
Berikut syntax lengkapnya:

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

Sebagai web developer cukup dengan cara demikian, maka saat form dikirimkan, value dari input type tersebut akan memunculkan pesan error jika alamat email yang dimasukkan bukan alamat email yang valid.

Sangat mudah bukan?