RSS

Datalist Pengganti TextField di HTML 5

Datalist adalah objek form yang sangat membantu kita dikala kita ingin memasukkan nama atau kode yang sering kita lupa. Datalist ini dapat menggantikan Textfield yang selama ini kita pakai sebagai input Form. Datalist layaknya Combo Box atau List/Menu. Bedanya pada Datalist kita dapat inputkan text layaknya Textfield.

untuk membuat Data List, berikut contohnya

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <form action=”demo_form.asp” method=”get”>
  5.   <input list=”namabinatang” name=”binatang”>
  6.   <datalist id=”namabinatang”>
  7.     <option value=”Gajah”>
  8.     <option value=”Monyet”>
  9.     <option value=”Jerapah”>
  10.     <option value=”Kuda”>
  11.     <option value=”Harimau”>
  12.   </datalist>
  13.   <input type=”submit”>
  14. </form>
  15. <p><strong>Note:</strong>masukkan teks Gajah, Monyet, Jerapah, Kuda, Harimau atau yang lainnya</p>
  16. </body>
  17. </html>

pada baris ke 5 kita membuat objek <input> dengan atribut “list=namabinatang”. kemudian pada baris ke-6 kita membuat objek <datalist> dengan atribut id yang harus sama dengan atribut list pada objek <input> yakni “id=namabinatang”. baris 7 sampai 11 kita mencoba masukkan daftar nama binatang sebagai pilihan.

dengan menggunakan datalist ini kita memudahkan user dengan memberikan pilihan dari apa yang ia cari. kalaupun opsi yang dicari oleh user tidak ditemukan dalam memori, objek masih bisa mengirimkan nilai. jika Textfield hanya memberikan inputan text dan List/Menu hanya memberikan pilihan, maka Datalist memiliki kedua kemampuan itu.

sayangnya datalist tidak bisa digunakan di IE9 dan versi sebelumnya dan pada safari.

semoga bermanfaat, Wasslam,..

 
Leave a comment

Posted by on March 18, 2015 in Tutorials

 

Tags: , , , , , , ,

Kumpulan Soal Ujian Praktik Kejuruan (UPK) RPL

Berikut daftar paket soal UPK SMK Program Keahlian Rekayasa Perangkat Lunak

monggo yang lagi cari-cari

 
Leave a comment

Posted by on March 10, 2015 in Examination

 

Tags: , , , , , ,

Tentang Kependidikan dan [Bukan] Guru

ini akan sedikit menyakitkan (insya Allah hanya sedikit)

pernah terbesit dalam benak saya dan mungkin di benak anda juga bahwa jurusan kependidikan adalah jurusan paling sulit. karena jurusan ini adalah jurusan yang harus mampu (1) membuatkan jalan lurus dan hanya mengarah pada satu tujuan, (2) mengajak orang-orang/peserta didik untuk menapaki dan berjalan diatasnya bersama-sama (bukan sebagian), (3) menjaga agar jalan itu tetap bagus, lurus dan menjaga agar pejalanmya tetap berada dijalur yang benar.

ini bukan teknik sipil dengan jalan yang terlihat. ini adalah teknik yang lebih tinggi dari itu. teknik yang hanya bisa dilakukan orang-orang tertentu yang mampu membuat jalan tak terlihat, dengan hati nurani, membimbing dan mengarahkan peserta didiknya. yang harus mampu bermain dan mengelola karakter pribadi dan karakter orang lain. meluruskan hati dan perilaku yang kurang baik hingga mampu diterima oleh masyarakat. mencetak para generasi muda yang nantinya sebagai tonggak kelangsungan bangsa, disegala aspek.

“bagaimana dengan jurusan keagamaan? mereka juga membimbing umat, mengarahkan dan menjaga agar tetap pada jalur yang lurus?”. Read the rest of this entry »

 
Leave a comment

Posted by on March 3, 2015 in Literature, Opinion

 

Tags: , , , , , , , , , ,

Tugas UTS SBD I

Untuk UTS Sistem Basis Data I saya meminta anda sekalian untuk membuat proposal penelitian. Karena ini mata kuliah Sistem Basis Data, maka penekanan pada tugas kali ini adalah perancangan atau desain database.

Kalian dapat gambarkan rancangannya dalam ERD dan untuk aliran datanya kalian dapat menggambarkannya dengan DFD. Tentunya terdapat syarat dan ketentuannya. silahkan disimak: Read the rest of this entry »

 
Leave a comment

Posted by on September 24, 2014 in Examination

 

Tags: , , ,

Image

Membuat Playlist Video dengan JW Player

jw-player-logoBismillah, alhamdulillah punya kesempatan untuk ngepost. kali ini saya pengen ngeshare buat kamu semua yang lagi pengen nempelin video di website pribadi kalian. sebenernya untuk menambahkan video pada website cukup menggunakan tag iframe atau tag video dari HTML5.

Tapi kali ini saya lebih memilih plugin JWPlayer untuk membuat video ini. alasannya cukup sederhana. “Lha dapetnya ini kok” hehehe. tapi memang penggunaan plugin atau library menurut saya lebih membantu karna lebih flexible untuk pemeliharaannya.

oke, mohon maaf saya nggak bisa ngarang kalimat terlalu panjang. silahkan dinikmati aja link downloadnya. yang mau tanya silahkan acungkan tangan dan bertanya di bagian komentar. semoga bermanfaat.

wassalam.

download listingvideo.rar

 
Leave a comment

Posted by on August 13, 2014 in Tutorials

 

Tags: , , , , ,

AKSES MYSQL MELALUI COMMAND PROMPT (APPSERV/XAMPP)

Kadang kita perlu untuk masuk atau mengakses MySql server melalui Command Prompt. Bagi anda yang menggunakan Appserv maupun Xampp, cara berikut dapat anda coba.

Bagi anda pengguna Appsev, anda tinggal mengganti kata xampp ditiap perintah dengan kata appserv.

  1. Pilih start – run, ketikkan cmd dan tekan enter
  2. Masukkan perintah “cd c:\” tanpa tanda kutip jika directory XAMPP anda berada di C:\XAMPP. Jika berada di directory yang lain seperti d:\ maka ketikkan saja “cd d:\”. Read the rest of this entry »
 
3 Comments

Posted by on January 17, 2013 in Tutorials

 

Tags: , , , , ,

MEMBUAT DATABASE DENGAN MYSQL

mysql-logoAda dua cara dalam membuat database di MySQL, yaitu CLI (Command Line Interface) dan GUI (Graphic User Interface). Hal ini karena banyak sekali software pengelola database yang dibuat dengan menyertakan MySQL sebagai DBMS-nya. Beberapa software yang banyak dipakai adalah Appserv, XAMPP, SQLyog dll. Sehingga pada perkembangannya, DMBS MySql tidak hanya dapat dijalankkan dengan basis CLI saja, namun juga berbasis GUI. Jadi, jika anda ingin lebih mudah dalam pembuatan database, anda bisa menggunakan fasilitas GUI. Namun jika anda lebih nyaman dengan memasukkan baris perintah dalam suatu command line, anda bisa menggunakan fasilitas CLI.

So, kita mulai saja percobaannya dengan 2 tutorial berikut: Read the rest of this entry »

 
Leave a comment

Posted by on January 15, 2013 in Tutorials

 

Tags: , , , , ,