Kode Praktis HTML5: Validasi Alamat URL pada Form

| banghaji | 0 komentar | Tags: , , , , | Categories: HTML, Kode Praktis

Jika pada tulisan terdahulu (beberapa bulan yang lalu), dibahas tentang validasi alamat email pada form, maka kini kita bahas validasi alamat URL. Validasi di sini maksudnya adalah, setiap URL wajib dimulai dengan http://, jika tidak, maka akan dianggap tidak valid.

(lebih…)

jQuery Mobile (06): Membuat Button

| banghaji | 1 komentar | Tags: , , , , | Categories: jQuery Mobile, Tutorial, Web

Sebelumnya kita sudah bahas dan berikan contoh tentang bagaimana cara membuat popup window, di mana pemicu atau triggernya adalah sebuah link. Kita juga sudah bahas konsep dari popup itu sendiri yang mana bisa berupa single page atau multiple page. Tulisan kali ini akan membahas tentang bagaimana cara membuat button atau tombol menggunakan jQuery Mobile.

(lebih…)

Kode Praktis HTML5: Form Pencarian

| banghaji | 0 komentar | Tags: , , , | Categories: HTML, Kode Praktis

Pernah menemukan form input dengan tanda silang pada bagian kanannya? Biasanya ada pada form pencarian, utamanya milik Google, apalagi Google Chrome ­čśÇ . Nah, yang akan kita buat dengan kode praktis kali ini adalah bentuk form seperti itu, dengan tanda silang di ujung kanannya. (lebih…)

Kode Praktis HTML5: Membuat Pop Up Color

| banghaji | 0 komentar | Tags: , , , | Categories: HTML, Kode Praktis

HTML versi 5 memang banyak memberikan kemudahan, sehingga banyak pula kode program yang bisa diringkas bahkan “tidak digunakan”. Kalau sebelumnya sudah di bahas tentang kode praktis menampilkan pop up tanggal, juga tentang format isian waktu, kini kita bahas lagi tentang pop up.

(lebih…)

Kode Praktis HTML5: Memilih Angka Menggunakan Slider

| banghaji | 0 komentar | Tags: , , , | Categories: HTML, Kode Praktis

Dalam keadaan tertentu kadang kita diminta memilih angka dengan range tertentu, misalnya memilih angka dari 0 sampai dengan 10. Nah, selain dengan menggunakan isian, kita juga bisa memilih angka dengan bantuan slider yang dapat digeser. Kode praktis kita kali ini┬áadalah bagaimana menggunakan atau menampilkan slider pada halaman HTML, terutama HTML5. (lebih…)