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

Posting Komentar

Postingan populer dari blog ini

Struktur Kontrol - Percabangan di PHP || Praktikum 21

halo selamat berjumpa lagi di blog Praktikum.. Pembahasan kali ini adalah mengenai pembahasan : Struktur Kontrol - Percabangan di PHP Percabangan Percabangan (decision-making) sebagai cara untuk untuk memeriksa isi suatu variabel atau hasil perhitungan ekspresi dan mengambil tindakan yang sesuai dengan kondisi variable tersebut. macam macam percabangan Bentuk If (If-else, If- else if – else, Nested If) Bentuk Switch-case Ternary( ?: ) Bentuk IF-Else if(condition){ // statement 1 goes here }else{ // statemant 2 goes here } // statement 3 goes here Bentuk IF-Else If if(condition1){ // statement 1 }elseif(condition2){ // statement 2 }else{ // statement 3 } // statement 4 Nested IF( If Bersarang) if(condition){ if(condition1){    //statement 1 goes here }else{    // statemant 2 goes here } }else{ // statemant 3 goes here } Switch-case switch(a){ case 1; // statement 1 goes here break; case 2; // statement 2 goes here break; case 3; //
Posting Komentar
Baca selengkapnya

Searching dan Ordering || Praktikum 31

Assalamualaiku.. Halo berjumpa lagi di blog praktikum.. kali ini saya akan membahas bagai mana searching dan ordering searching dan ordering ini digunakan untuk mencari sebuah data dengan kata kunci dan ordering digunakan untuk menglist atau mengururtkan data sesuang dengan angka atau huruf tertentu. Searching pada searching ini kita gunakan kondisi dan query sebagai berikut: yang pertama harus kita lakukan adalah membuat form yang berfungsi se4bgai <form action="index.php" method="get">             <table>                 <tr>                     <td>Cari Berdasarkan NIS dan NAMA                         <input autocomplete="off" required type="text" name="search" class="in" value="<?= @$search ?>">                         <button class="but" type="submit">Cari</button>                         <a href="tambah.php">
Posting Komentar
Baca selengkapnya

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 relasi atau hub
Posting Komentar
Baca selengkapnya