Saturday, February 7, 2015

Input type email HTML5

Pada HTML elemen <input> type terdapat atribut baru yaitu email. Bidang input yang hanya menerima email. Ini sangat penting untuk memastikan yang diinput harus benar-benar email. Contohnya saat validasi pendaftaran online yang memerlukan data email.

Seperti diketahui salah satu atribut yang harus ada pada alamat email adalah tanda '@' setelah nama email,  tanda dot (.) setelah penyedia layanan email, kemudian teks setelahnya, misalnya com, org, net. Inilah yang dibaca oleh atribut HTML5 ini, harus ada.

Contoh: typeemail.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag input type email</title>
        </head>
  <body>
    <form action="">
    Email Anda: <input type="email" name="email" required/>
    <button type="submit">Test</button>
    </form>

  </body> 
</html>

Output:

Pastikan yang diinput harus email.
Note: Atribut required memastikan bidang harus diisi, tidak boleh kosong.

Referensi tulisan:
  1. Easy form validation with HTML5; ditulis oleh: Danny Markov, demo.tutorialzine.com, diakses 06 Februari 2015.

No comments:

Post a Comment