Input Type Email, Kontrol Form HTML5 - Purwana Tekno, Software Engineer
    Media Belajar membuat Software Aplikasi, Website, Game, & Multimedia untuk Pemula...

Post Top Ad

Rabu, 13 Desember 2017

Input Type Email, Kontrol Form HTML5

Sintaks Input tipe Email


Berikut penulisan sintaks input tipe email


<style scoped>
 input:invalid, textarea:invalid { color: red; }
</style>


<label for="fEmail">Email</label>
<input type="email" id="fEmail">

<label for="fEmail2">Multiple Email</label>
<input type="email" id="fEmail2" multiple>


Hasilnya akan tampak seperti berikut :




Jenis input email adalah input untuk alamat email. Hanya dengan menerapkan tipe ini, nilainya akan divalidasi, membutuhkan kehadiran @.
  • Validasi email sangat sulit dilakukan dengan sempurna (melalui validasi JS atau Server Side).
  • Perangkat mobile dengan keyboard dinamis, termasuk iOS dan Android, menampilkan keyboard email yang menampilkan "@" dan "."
  • Safari dan Android memvalidasi alamat email, support :valid dan :invalid, namun tidak memberikan constraint pada pengiriman form.
  • Jatuh kembali ke input teks biasa.
  • Sertakan atribut "multiple" untuk menerima lebih dari satu alamat email yang dipisahkan koma. Jika Anda juga menyertakan atribut pattern, ingatlah pattern harus sesuai dengan keseluruhan nilai, termasuk ruang koma dan opsional.
  • Use case: simple form kontak
  • Hati-hati dengan nama domain internasional double-byte, Firefox, Safari dan Chrome, tapi tidak Opera, akan menganggapnya invalid.

Post Top Ad