Membuat input type untuk email di HTML

web developer - input type email - html

tutorial web developer untuk membuat input type email di html



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: Tips Sukses Belajar MySQL, Pemula Jangan Cepat Menyerah
<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: Tips Sukses Belajar MySQL, Pemula Jangan Cepat Menyerah

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?



Artikel Lainnya

Web Design Surabaya - Web Design Murah - Jasa SEO terbaik

Kiat Membuat Website Berbasis JavaScript Yang SEO Friendly

Kini banyak web developer yang menggunakan JavaScript sebagai bahasa pemrograman website mereka. Jenis bahasa pemrograman ini dinilai dapat menciptakan website yang lebih interaktif, responsif dan dinamis. Hal tersebut sangat penting untuk meningkatk ...


Penggunaan Bootstrap-DateTimePicker untuk range tanggal

Halo pembaca setia artikel kami, kali ini kami sebagai Web Design Surabaya ingin memberikan tutorial mengenai penggunaan bootstrap-datetimepicker dalam memilih tanggal masuk dan tanggal keluar. Bukan hanya tanggalnya saja, tetapi juga bisa disertai d ...


Penting! Hal Ini Harus Dipahami Saat Menggunakan Javascript

Bahasa pemrograman Javascript menjadi salah satu bahasa pemrograman dalam pembuatan website yang cukup populer. Namun memang, salah satu kekurangannya adalah rawan salah ketik. Memang, ketika sedang asyik coding, kita kadang tidak menyadari adanya ke ...


Proses Pengerjaan

Web Design - Photography (foto prewedding casual, foto prewedding unik, photo pre wedding) - Videography

Lokasi di Surabaya dan Bali

Foto Buat Nikah

Desain Grafis

Kontak

08113638531 / 08113865464

info@tatamedia.com

Desainer Website di Surabaya

Web Design di Bali

Kantor

Tatamedia Solusindo Surabaya

Dekkophotography Bali

Video Prewedding

Web Design

Support

Kirim permintaan anda ke

info@tatamedia.com