Langsung ke konten utama

Menyajikan CSS untuk Memformat Tampilan Form || PRAKTIKUM 11

Assalamualaikum wr wb..


selamatt datang kemabli di blog PRAKTIKUM 


Kali ini saya akan membagikan bagaimana cara pemformatan form dengan CSS
pemformatan ini digunakan untuk mengubah mulai dari warna posisi dan bentuk dari form yang akan kita buat menggunakan CSS.

selanjut nya ini adalah berbagai contoh  yang saya buat untuk pemformatan form sederhana menggunakan CSS.

1.CssOnform 1
 yang pertama adalah pemformatan <textarea> menggunakan css berikut cara nya

ini adlah codingan yang saya buat
saya menggunakan css external dengan cara menggunakan  tag <link>

ini html nya


 

dan ini css nya






nah dan ini adalahpreview nya




bisa kita lihat yang asal nya text area dan table di bagian kodingan html tidak di atur width dan height nya dengan css kita bisa merubah ukuran dan warna nya sesuai keinginan kita.

2.CssOnForm2


Selanjutnya adalah lanjutan untuk pemformatan form yang ke dua menggunakan css

berikut  html dan css nya




ini css nya

 

dan ini preview nya


3.CssOnForm3


selanjutnya adalah yang ketiga



ini html nya



dan ini css nya

 

ini previewnya


 bagian yang ini adlah pemformatan bagian input dengan menggunakan CSS


4.CSSOnbutton 

bagian ini adalah  pemformatan button dengan css
bagian ini menjelaskan bagai mana merubah warna button dengan css


ini html nya


 

dan ini css nya

 

dan ini preview nya

 bisa kita lihat nagian simpan &  submit nya bergaris titik titik cara ini bisa menggunakan atribut untuk di css nya yaitu dotted;.


5.CssOnbuttonHover

 selanjut nya adalah button hover digunakan di css untuk mengubah button menjadi 3d

berikut caranya

ini html nya



ini css nya




ini previewnya



bisa kita lihat hasilnya tombol submit nya 3d. cara ini menggunakan css dengan hover contoh nya

input.button:hover{}

6.CSSRadioButton

bagian ini adalah cara unutk mengformat button hover berikut caranya


htmlnya





ini css nya



dan ini previewnya



7. Formulir Quiz 11

 berikut adalah quiz 11

ini hasil codingan dan previewnya


ini htmlnya





ini css nya




dan ini hasil nya

 8.Membuat 1 Page Bebas dengan Css dan html 


saya membuat page form login


ini codingan dan hsail nya



 

css nya



dan ini hasil nya






Demikianlah Pembahasan tentang Pemformatan Form dengan css



terimakasih telah berkunjung :)..


Komentar

Postingan populer dari blog ini

Pemograman Berorientasri Objek dan Interaksi User Pada JS || Praktikum 16

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana PBO (Pemograman Berorientasri Objek) dan interaksi user pada java script. PBO adalah sebuah pradigama dalam pemograman yang mengelompokan fungsi prosedur variable atau konstanta  terkait  dalam kesatuan. dalam Java script objek utamanya memiliki banyak bawaan seperti Math, Array, String dan Objek interaksi user adanya iteraksifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang di kembangkan. untuk mengelolah interaksi user ini banyak sekali atribut untk mengolah nya contoh nya berikut penjelasnya  salah satu macam nya : onChange: event ini muncul apabila sebuah elemen ( select , text , atau textarea ) telah diubah nilainya sebelum elemen tersebut kehilangan fokusnya. onClick: event ini muncul apabila terjadi aksi klik terhadap suatu elemen, seperti elemen button . onContextMenu:  event ini muncul apabi...

JAVA SCRIPT : PERULANGAN DAN FUNGSI || Praktikum 15

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana penggunaan Perulangan dan Fungsi Di java Script. Berikut ini adalah Penjelasanya Struktur Kontrol Perulangan Perulangn merupakan struktur yang memungkinkan menjalankan kode  program yang sama beberapa kali perulang di java script memiliki 3 bentuk yaitu : for while do-while a. perulangn for for(inisialisai; kondisi; peubah;){ baris program } b. perulangan while (kondisi){ kode program yang inigin di jalankan beberapa kali } c. perulangan Do-While do{ kode program yang ingin di jalan kan bebebrpa kali;  }while(kondisi); contoh programnya 1.Buat perulangan ini kodinganya : ini hasilnya : 2.Perulangan For ini kodinganya : ini hasil nya : seperti yang di lihat di kodingan bahwa  kodisinya menunjukan <=5 maka kata atau kalimat yang ingin kita ulang akan di ulang sebanyak 5x; 3.perulangan While ini kodin...

Introducing Framework Laravel || Praktikum

  Hallo Selamt Datang.. Kali ini Pembahsan Tentang FrameWork  Laravel Aadalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.  Sebenarnya Framwork Php banyak jenisnya dan mempunyai berbagai keunggulan masing masing akan tetapi laravel menurut saya lebih mudah digunakan. Beberapa fitur yang terdapat di Laravel : Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan tersedia beragam di aplikasi. Eloquent ORM, merupakan penerapan PHP lanjutan menyediakan metode internal dari pola “active record” yang menagatasi masalah pada hubungan objek database. Application Logic, merupakan bagian dari aplikasi, menggunakan controller atau bagian Route. Reverse Routing, mendefinisikan r...