desainer website di surabaya

preloader
  • web developer
  • input type email
  • html

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:

<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.

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

Mencari data ulang tahun dengan PHP dan MySQL

Terkadang kita mengalami kesulitan untuk mencari siapa saja yang berulang tahun mulai dari tanggal X sampai tanggal Y jika data tersimpan di dalam database MySQL. Hal ini disebabkan karena saat disimpan di dalam database, format tanggal lahir adalah ...


Memeriksa Password Strength dengan pStrength jQuery Plugin

Di dalam membuat web design, terkadang kita membuat form registrasi untuk pengunjung situs kita. Salah satu fitur di dalam form registrasi adalah password.Salah satu yang dibutuhkan adalah password strength untuk menjamin keamanan akses yang lebih ba ...


Membuat input type text hanya boleh berisi angka dengan HTML5

Bagaimana membuat input text supaya hanya boleh berisi angka saja? Tidak perlu menggunakan javascript, karena dengan menggunakan HTML5 kita bisa membuatnya dengan mudah. Anggap saja kita ingin membuat kolom untuk menginputkan temperatur badan seseor ...


Kami membuat RESPONSIVE WEB

Responsive web adalah kode program web sehingga website tetap terbaca dengan mudah di semua perangkat baik komputer, smartphone, maupun tablet, dan sangat cocok dengan syarat dari mesin pencari google

web design di 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