Presentasi Komputer Final-Kelompok 6 (Form & CSS) - Presentation Only

Berikut beberapa contoh kegunaan Form dalam web : a.
Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh informasi pembelian secara online Memperoleh feedback dari user mengenai website
b. c.
Tag <FORM> digunakan untuk membuat form dalam document HTML
Attribute ACCEPT
Keterangan Mendefinisikan MIME yang diizinkan oleh server yang memuat script untuk memproses form. ***MIME merupakan bagian dari protokol HTTP server HTTP akan menggunakan MIME untuk menginterpretasikan berkas-berkas e-mail yang dikirimkan dan diterima. Syntax : ACCEPT = Internet Media Type
METHOD
Menentukan bagaimana data akan dikirim ke server GET - data akan di kirim dengan menggunakan query string pada URL. POST - data akan di kirim ke server sebagai block data ke script Syntax : METHOD=POST|GET
ACTION
Menentukan lokasi dari script yang akan memproses data dari form
Syntax : ACTION=URL
Biasanya semua control diletakkan di antara tag <FORM>...</FORM>, tapi kita dapat meletakkan control diluar tag <FORM>...</FORM> dengan tag <input>. Berikut macam-macam tag <input> : 1. Button 2. Text 3. Checkbox 4. Radio 5. Text Area
Attribute Name Size Type
Deskripsi Nama dari control Ukuran Kontrol <input type=button>
Value
Untuk memberikan value ke input
Untuk membuat single line text control. * Attribute size digunakan untuk menentukan jumlah character yang bisa ditampilkan
* Attribute maxlength digunakan untuk menentukan maximal character yang bisa dimasukkan.
Checkbox memiliki atribut : Attribute Description Name Checked Size Type Value Nama dari kontrol Untuk memberi default check Ukuran Kontrol <input type=checkbox> Untuk memberikan value ke input
Setiap radio button harus punya name yang sama, sehingga seseorang hanya dapat memilih satu option saja. Radio button harus secara explisit memberikan nilai ke atribut value:
Attribute Description Name Checked Size Type Value Nama dari kontrol Untuk memberi default check Ukuran Kontrol <input type=radio> Untuk memberikan value ke input
Bentuk text area seperti bentuk Text biasa tetapi bisa diatur jumlah barisnya
Tag <textarea>...</textarea>
Attribute cols Size Type Description Lebar dari text area Jumlah Baris Nama dari Kontrol
Value
Ukuran Kontrol
Tag <select> component combo box Tag <option> item dari combo box
Property
Description
Name
Size Multiple
Untuk memberi nama element

Untuk menentukan jumlah baris yang di tampilkan Untuk menentukan apakah user boleh memilih lebih dari satu option atau tidak
CSS atau Cascading Style Sheet merupakan suatu bahasa pemrograman web yang digunakan untuk mengatur web agar tampilannya lebih rapi, terstruktur, dan seragam.
Ketika tags <font>, dengan atribut color dimasukan pada spesifikasi HTML 3.2, hal tersebut menjadi kabar buruk bagi web developers karena informasi font dan color harus dimasukan satu persatu pada setiap halaman dan menjadi proses yang panjang dan mahal.
Sehingga, untuk menyelesaikan masalah tersebut pada HTML 4.0, semua format dapat disingkirkan dari dokumen HTML dan disimpan di file CSS yang terpisah.
Pemakaian CSS pada HTML ada beberapa cara, yaitu: a) Dibawah tag head, diberikan tag <style=text/css> b) Dibawah tag head, diberikan tag <link rel=stylesheet type=Text/css href=namafilecss.css />
Selector
Declaration
property
Value
property
Value
Penutup
Pemilih (Selector) Id digunakan untuk memberikan efek khusus pada elemen dengan tag tertentu. Id biasa diletakan pada baris teratas dan diawali dengan #. Pada aplikasinya, setiap tag beratribut id=nama akan berefek khusus
Pemilih (selector) Class digunakan untuk memberikan efek khusus pada setiap tag yang beratribut class=nama, dimana class diletakan pada baris teratas dan diawali dengan ..
<html> <head> <style type="text/css"> h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div { background-color:#b0c4de; } </style> </head> <body> <h1>CSS background-color example!</h1> <div> This is a text inside a div element. <p>This paragraph has its own background color.</p> We are still in the div element.
Dokumen CSS disebelah memberikan contoh bagaimana memberikan background pada setiap tag html yang berbeda.
Untuk memasukan gambar sebagai latar belakang {background-image:url(namagambar);} Untuk membuat gambar berulang {background-repeat:repeat-(jumlah pengulangan)}
Attachment memberikan efek khusus pada gambar background: o Scroll Ini adalah setting default dari HTML, dimana gambar background akan ikut bergerak jika web discroll ke bawah o Fixed Setting ini memberikan efek diam dari sebuah gambar background agar tetap diam walaupun di scroll o Inherit Setting ini mengatur agar properti latar belakang diwarisi dari elemen induk
Background shorthand property Body{background-color: #ffffff; backgroundimage:url(nama gambar); background-repeat:norepeat; background-attachment:fixed;backgroundposition:right top;} Pada tag diatas, terdapat atribut color, image, repeat, dan position yang dapat disingkat menjadi berikut: Body{background: #ffffff url(namagambar) norepeat fixe right top;}

Presentasi Komputer Final-Kelompok 6 (Form & CSS) - Presentation Only

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Presentasi Komputer Final-Kelompok 6 (Form & CSS) - Presentation Only

Diunggah oleh

Hak Cipta:

Format Tersedia

Berikut beberapa contoh kegunaan Form dalam web : a.

Tag <FORM> digunakan untuk membuat form dalam document HTML

Attribute Name Size Type

Deskripsi Nama dari control Ukuran Kontrol <input type=button>

Untuk memberikan value ke input

Untuk memberi nama element

Anda mungkin juga menyukai