Pertemuan 31

 Belajar HTML Elemen form input email pada html

memungkinkan pengguna memasukkan alamat email. Elemen ini biasanya digunakan dalam formulir yang membutuhkan alamat email untuk keperluan seperti registrasi atau kontak.

Berikut adalah contoh penggunaan elemen input email:

Penjelasan komponen dalam contoh di atas:

- `<label>`: Ini adalah tag label yang memberikan deskripsi atau petunjuk tentang input yang terkait.

- `for="email"`: Atribut `for` pada label mengaitkan label dengan elemen input. Dalam hal ini, label terkait dengan elemen input dengan `id="email"`.

- `<input type="email">`: Ini adalah elemen input dengan tipe `email`. Ini memberi tahu browser untuk menampilkan keyboard khusus untuk memasukkan alamat email pada perangkat mobile dan memeriksa apakah apa yang dimasukkan adalah alamat email yang valid.

- `id="email"`: Ini adalah atribut yang memberikan identifikasi unik pada elemen input. Atribut `for` pada label terkait dengan nilai dari `id` ini.

- `name="email"`: Nama yang akan digunakan untuk mengidentifikasi nilai dari input ini ketika formulir diajukan.

- `required`: Ini adalah atribut opsional yang membuat input wajib diisi sebelum formulir dapat diajukan.

Ketika pengguna mencoba mengirimkan formulir, browser akan memastikan bahwa nilai yang dimasukkan adalah alamat email yang valid (yaitu, memiliki format seperti "nama@domain.com"). Jika tidak, maka browser akan menampilkan pesan kesalahan.

Penting untuk diingat bahwa meskipun browser akan melakukan pemeriksaan awal, Anda juga harus melakukan validasi tambahan di sisi server untuk memastikan bahwa alamat email yang dimasukkan benar-benar valid dan belum terdaftar sebelumnya jika itu merupakan kebutuhan dari aplikasi atau situs web Anda.