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

Tampilan Multi Media Di web || Paktikum 7

Html, Untuk menampilkan MultiMedia di web. Hallo, Assalamu'alaikum.. Selamat Datang di  Blog Praktikum. Kali ini Saya Akan Menjelaskan, Membagikan, Beberapa HTML untuk tampilan audio Dan Video di Web. Berikut Caranya : 1.Tampilan Audio. Tampilan Audio Ini Adalah Ketika Kita Ingin Menambah kan berupa audio tambahan Di web kita.. ini adalah tampilan atau preview dari tampilan audio Saya. Dan Berikut ini dalam bentuk HTML nya  Arti tag <Audio> adalah untuk memutar audio di browser Dan audio Controls Digunakan untuk memutar ulang audio ketika selesai Arti Tag <Source> Tag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio> di html nya. 2.Embed Audio Embed Audio Adalah cara untuk Menampilkan dan memutar Adio di Browser atau web Secara Otomatis Berikut Adalah contohnya ini adalah contoh Embed audio Auto Play. Dan Ini html nya Perhatikan Di html di atas Ada Tag <embed> tag t...
Posting Komentar
Baca selengkapnya

CSS untuk Memformat Tampilan Multimedia & Tabel || Praktikum 10

CSS untuk memformat tampilan Multimedia & tabel Assalamualaikum wr wb.. Selamat datang di Web Praktikum.  Postingan yang berikut ini adalah lanjutan pembahasan dari web sebelum nya Yaitu Pembahasan tentang CSS. Kali ini saya akan membagikan bagaimana Pemformatan Tampilan Multi media dan tabel menggunakan CSS berikut caranya..   1. Embeded Background Dengan Image di CSS  Di bagian ini adlah penggunaan image untuk background menggunakan pemformatan CSS berikut ini contoh nya ini codingan nya dan ini adalah Preview nya   2.Embeded Image untuk Background Image ini adalah bagian untuk menempaktkan image sebagai background dengan ukuran yang dapat di sesuaikan oleh kita dengan Css berikut ini Codingan nya ini hasilnya 3.Embeded image Css bangian ini adalah pemposisian image memggunakan Css lihat hasil san codingan nya ini kodingan nya ini hasil preview nya 4.Embeded Video Css pengaturan Vide...
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