Senin, 21 Agustus 2017

Cara Membuat Tampilan Combo Box dan CSSnya



Assalamualaikum Wr. Wb.
Bagaimana kabar hari ini teman? Semoga sehat selalu dan tetap dalam Lindungan-Nya.
Pada kesempatan kali ini, saya akan share mengenai bagaimana sih membuat combo box dan hasilnya outputnya?
Mari! Langsung saja kita ulas...

A. Pendahuluan
    1. Pengertian
         Combo Box adalah widget antarmuka pengguna grafis yang umum digunakan (atau kontrol) .

    2. Latar Belakang
        Dalam pembuatan web, terkadang kita diharuskan unutk membuata atau menyisipkan combo box, untuk opsi.
Untuk membuat inputan berupa Combo Box kita menggunakan <select> dan <option>.

    3. Maksud dan Tujuan
        Agar memudahkan dalam menuliskan suatu opsi supaya lebih ringkas.

    4. Hasil yang Diharapkan
        Hasil dapat memudahkan dalam menampilakn opsi, serta dapat membantu teman-teman dalam membuat combo box.

B. Alat dan Bahan
    1. Laptop/Komputer
    2. Text Editor

C. Waktu yang Dibutuhkan
    Waktu yang diperlukan dalam pembuatan kurang lebih 10-15 menit.

D. Proses dan Tahapan Kerja
     1. Pastikan laptop/komputer anda sudah menyala
     2. Buka text editor anda

     3. Kita awali dengan membuat Combo Box terlebih dahulu, kita gunakan HTML ya..

     4. Kita hanya menggunkan tag <select> dan <option> didalam tag <form>, nah sebelumnya tag <form> ini diletakkan di tag <body>.

     5. Setelah pengetikkan sript combo box selesai,kita coba untuk membukanya lewat browser.
     6. Stetelah itu kita tambahkan style CSS nya.

     7. Kali ini saya menggunakan CSS internal. Maka CSS saya taruh di dalam tag <head> dan di dalam tag <style>.
     8. Hanya sedikit iasan yang saya masukkan. dan hasil akhir sesudah diberi CSS adalah

E. Hasil yang Diperoleh
    Sebelum ada CSS
       Setelah diberi CSS.


F. Temuan Masalah
    Kesalahan dalam pengetikkan script. Dan pada saat saya akan men-screenshoot hasil saya list dari combo box tidak dapat muncul, atau langsung menghilang.


G. Kesimpulan
    Tidak sulilt dalam pembuatan combo box.

H. Referensi  
     e-Book Pemrograman Web dengan PHP MySQL   
    https://translate.google.co.id/translate?hl=id&sl=en&u=https://en.wikipedia.org/wiki/Combo_box&prev=search

Tidak ada komentar:
Write komentar