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

Create Read Update Delete with Relation Tabel || Praktikum 4

Hallo Berjumpa Lagi di Blog Praktiku... Kali ini saya akan membahas tentang bagai mana dan apa itu cara untuk meralasikan 2 tabel pada data base. Contoh kasus yang diberikan adalah ketika akan menambahkan Data Siswa yang telah di buat pada postingan postingan sebelum nya, maka pilihan Kelas berasal dari tabel t_kelas yang bersifat dinamis. Artinya kita juga akan membuat CRUD sebagai data master Kelas nah jadi ketika kita memilih sebuah opsi maka opsi tersebut langsung berasal dari tabel yang kita buat di data base nya. contoh nya seperti ini : maka pada option diatas langsung berasal dari databse... untuk itu saya akan bahas.. Pertama buatlah tabel di data base dengan new tabel sebagi berikut ini dengan nama t_kelas : selanjutnya pada tabel siswa kosongkan lah datanya terlebih dahulu karena pada tabel siswa dengan tabel t_kelas kita akan mengjoinkan nya atau merelasikanya untuk mengkosongkan data agar lebih mudah tinggal masuk ke option>truncate. ...
Posting Komentar
Baca selengkapnya

Array Asosiatif & CSS Media Query Diphp || Praktikum 25

Hallo berjumpa lagi di Blog Praktikum.. pada postingan kali ini saya akan menjelaskan dari apa itu array Asosiatif dan CSS Media Query di PHP. Pengertian Array Asosiatif kumpulan data abstrak yang berpasang pasangan sehingga setiap kunci yang mungkin muncul paling banyak satu kali dalam koleksi. contoh penggunaan nya : Praktikum nya.. ada dua yaitu : 1. LatArrayAsosiatif.php 2. Array Asosiatif Feat looping 3. Studi kasus penggunaan array Asosiatif berikut contoh kodingan dan hasil nya 1. LatArrayAsosiatif.php ini kodingan nya ini hasil nya 2. Array Asosiatif Feat looping ini kodingan nya ini hasil nya 3. Studi kasus penggunaan array Asosiatif ini kodingan nya ini hasil nya =========== selanjutnya ada Css media query fungsi fungsi utama dari css media query ini adalh memungkinkan tampilan konten web akan sesuai dengan ukuran alat yang digunakan CSS Media Query menangani perbedaan tampilan pada beberapa resolu...
Posting Komentar
Baca selengkapnya

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...
Posting Komentar
Baca selengkapnya