Tutorial Membuat Input Types Dengan HTML5

Pada malam ini saya akan berbagi tutorial, Yaitu tutorial Input Types dengan HTML5, langsung saja
HTML5 Input Types ini  memiliki beberapa jenis masukan baru untuk bentuk. Fitur-fitur baru memungkinkan untuk kontrol input yang lebih baik dan validasi.

jenis masukan baru:

• email 
• url 
• nomor 
• jarak 
• Tanggal pemetik (tanggal, bulan, minggu, waktu, datetime, datetime-lokal) 
• pencarian 
• warna

Catatan : Opera memiliki dukungan terbaik untuk jenis masukan baru ini. Namun, Anda sudah dapat mulai menggunakan mereka di semua browser utama anda. Jika mereka tidak didukung, mereka akan berperilaku sebagai bidang teks yang biasa saja.

Input Type - email

Jenis email digunakan untuk field input yang harus berisi alamat e-mail.

Nilai bidang email secara otomatis divalidasi ketika formulir dikirimkan.

E-mail: <input type="email" name="user_email" />

Input Type - url

Jenis url digunakan untuk input field yang harus berisi alamat URL.

Nilai bidang url secara otomatis divalidasi ketika formulir dikirimkan.

Homepage: <input type="url" name="user_url" />

Input Type - number

Jenis nomor yang digunakan untuk field input yang harus berisi nilai numerik.


Anda juga dapat mengatur pembatasan pada apa nomor yang diterima:

Points: <input type="number" name="points" min="1" max="10" />