CSS Part 3 (end)-P11

Assalamu'alaikum Wr.Wb
Halo, apa kabar, balik lagi sama saya Fajar Faturrahman kali ini saya masih akan sharing tentang CSS. Nah, di postingan kali ini ada tag yang namanya hover,fieldset, dan legend.

 apa sih hover, fieldset dan legend  itu ??

 Hover dalam bahasa indonesia bisa diartikan "melayang-layang". Ini dimaksudkan bahwa ketika kita akan mengklik sebuah link/tautan dan pas ketika kursor di atas link tersebut dan kita belum melakukan klik, warna link akan berubah, lain dari warna aslinya.

 Fieldset adalah tag yang berfungsi untuk mengelompokkan beberapa objek form menjadi sebuah kelompok.

 legend adalah tag untuk menampilkan judul dari tag fieldset.

1.CSS On Form 1

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :

 2.CSS On Form 2

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :

 3.CSS On Form 3

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :


 4.CSS On Button

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :

 5. CSS On Button Hover

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :


 6.CSS On Radio Button

     Contoh Kodingan HTML nya :


     Contoh Kodingan CSS nya :


     Hasilnya :

7.Tugas


    Kodingan HTML nya :klik disini untuk lihat kodingannya

     Kodingan CSS nya : klik disini untuk lihat kodingannya

     Hasilnya saat submit button (browse) tidak di klik/ditunjuk cursor :


      Hasilnya saat submit buton (browse) di klik/ditunjuk cursor :


Komentar

Posting Komentar

Postingan populer dari blog ini

Framework Laravel, perbedaan pengunaan compact dengan tidak

Gambar
Assalamualaikum Halo, balik lagi sama saya Fajar Faturrahman, kali ini saya akan share sedikit tentang apa itu framework, dan analisis tentang perbedaan antara mengirim data ke view dengan menggunakan compact dan yang tidak menggunakan compact. Apa itu Framework?? Framework atau bahasa indonesianya kerangka kerja adalah sebuah software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi , plugin, dan konsep sehingga membentuk suatu sistem tertentu . Dengan menggunakan framework, sebuah aplikasi akan tersusun dan terstruktur dengan rapi . Apa itu Framework Laravel?? Laravel adalah framework PHP MVC yang dikembangkan oleh Taylor Otwell pada tahun 2011 dan sekarang telah mencapai versi 7 dan dengan slogan laravel “ PHP THAT DOESN’T HURT. CODE HAPPY & ENJOY THE FRESH AIR .” Kita akan merasa bahwa pemrograman php itu menyenangkan dan mudah karna Banyak sekali fitur-fitur yang ak...
Baca selengkapnya

Eloquent Laravel

Gambar
Assalamu'alaikum Wr.Wb Disini saya akan sharing tentang eloquent. Eloquent itu adalah kita bisa mengelola data yang ada database pada sebuah model. nah sekarang kita langsung aja ke contoh/studi kasus nya. 1.Mengubah dari db facade ke ORM untuk tabel t_kelas (Create, Edit,Delete)    1.Membuat model baru kelas.php    2.Modifikasi controller kelas bagian indexKelas     Buka App/Http/Controllers/KelasController.php     lalu modifikasi bagian indexnya   3.Modifikasi controller kelas bagian store      Buka  App/Http/Controllers/KelasController.php     lalu modifikasi bagian storenya   4.Modifikasi controller kelas bagian update    Buka  App/Http/Controllers/KelasController.php     lalu modifikasi bagian updatenya      5.Modifikasi controller kelas bagian destroy    Buka  App/Http/Controllers/KelasC...
Baca selengkapnya

Create Data,Validasi, dan Old Input

Gambar
Assalamualaikum Wr. Wb Halo, Kali ini saya akan Sharing tentang Create data, validasi atau menampilkan pesan error/berhasil, dan old input di Laravel. Apa sih Fungsi Old itu ? Old itu berfungsi untuk jika kita saat mengisi form ternyata ada yang salah atau terlewat, data yang sudah kita isi sebelumnya tidak akan hilang. Kalau gitu kita langsung aja ke studi kasusnya. 1.Studi Kasus 1  Nah, di studi kasus ini, saya diminta untuk membuat form kelas, dan cara membuatnya adalah sebagai berikut. pertama-tama tentunya harus membuat form kelasnya di folder views. nah dibawah ini adalah kodingan di file forKelas.blade.php kodingan dibawah ini berfungsi untuk menampilkan pesan apabila terjadi kesalahan saat mengisi atau menambahkan data.Contohnya adalah ada data yang belum terisi. dan kodingannya adalah sebagai berikut. dan nanti jadinya akan seperti ini. Masih di file formKelas.blade.php kodingan dibawah ini adalah kodingan untuk form nya, ditulis dib...
Baca selengkapnya