Materi Dasar Form & Frame HTML

Dasar Penggunaan Form

Form dibentuk dengan menggunakan pasangan tag <FORM> dan </FORM>. Dua atribut yang umum digunakan pada tag <FORM> berupa ACTION dan METHOD.

· ACTION menentukan URL yang akan dijalankan dan menerima semua masukan pada formulir. Jika ACTION tidak disebutkan, informasi akan dikirimkan ke URL yang sama dengan halaman web itu sendiri.

· METHOD digunakan untuk menentukan bagaimana informasi dikirim ke URL yang disebutkan dalam ACTION. Nilai yang umum untuk atribut ini berupa GET dan POST. POST membuat informasi dikirimkan secara terpisah dengan URL, sedangkan GET akan membuat informasi dikirim menjadi satu dengan URL.

Contoh penggunaan pasangan tag <FORM> dan </FORM> :

...

</FORM>

Memasukkan Data dengan INPUT

Tag <INPUT> digunakan untuk melakukan pemasukan data dan letaknya berada dalam pasangan tag <FORM> dan </FORM>. Ada bermacam-macam tipe pemasukan data, antara lain berupa kotak teks, kotak password, tombol radio, kotak cek, serta tombol SUBMIT dan RESET.

,L B

Atribut pada tag INPUT

Atribut	Keterangan
NAME	Menentukan nama data. Atribut ini diperlukan oleh semua jenis masukan, kecuali SUBMIT dan RESET
SIZE	Menentukan ukuran kotak masukan yang tertampil untuk teks dan password
MAXLENGTH	Menentukan jumlah karakter yang dapat dimasukkan dalam kotak password dan kotak teks
VALUE	Menentukan nilai awal untuk kotak masukan
CHECKED	Mengatur agar kotak cek dalam keadaan terpilih pada keadaan awal
TYPE	Menentukan tipe kotak masukan

Tipe TEXT

Tipe TEXT bermanfaat untuk memasukkan data seperti nama orang atau alamat seseorang. Contoh pemakaian :

Dengan menggunakan atribut VALUE pada tag <INPUT>, field teks dapat diberi nilai bawaan. Contoh :

Tombol SUBMIT dan RESET

Tipe SUBMIT pada tag <INPUT> akan membentuk tombol Submit, yaitu tombol yang menyebabkan URL yang disebutkan pada ACTION pada tag <FORM> akan dimuat. Contoh penulisan kode dengan tombol Submit yang paling sederhana :

Jika tulisan pada tombol tidak berisi Submit, perlu disebutkan pada atribut VALUE. Contoh :

Tombol Reset berfungsi untuk mengosongkan atau mengembalikan nilai field teks ke nilai bawaan.

Tipe PASSWORD

Tipe PASSWORD yang disebutkan pada atribut TYPE pada tag <INPUT> akan membuat setiap karakter yang diketikkan oleh pemakai pada field ini disembunyikan (misalnya dengan diganti tanda * untuk setiap karakter yang diketikkan pemakai).

Tipe CHECKBOX

Tipe CHECKBOX berguna untuk membuat kotak cek. Kotak cek adalah suatu bentuk masukan yang memungkinkan pemakai mencentang atau tidak mencentang kotak tersebut dengan mengklik mouse pada saat penunjuk mouse menunjuk kotak cek.

Kotak cek paling tidak melibatkan atribut NAME. Adapun atribut CHECKED bersifat opsional, yang digunakan untuk memberi nilai awal berupa tanda centang.

Tombol Radio

Tombol radio digunakan dalam bentuk 2 tombol atau lebih yang memungkinkan pemakai hanya memilih satu dari sekian tombol. Tombol radio diimplementasikan dengan menggunakan tag <INPUT> dengan atribut TYPE diberi nilai “RADIO”. Untuk membentuk sekelompok radio yang menyatakan sebuah pilihan, atribut NAME perlu diisi dengan nama yang sama. Atribut VALUE untuk menentukan nilai terhadap nama data sekiranya tombol tersebut diklik.

FRAME

Dasar Penggunaan Frame

Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser.

Halaman yang berbasis frame dibentuk dengan menggunakan pasangan <FRAMESET> dan </FRAMESET>, atribut COLS digunakan untuk menentukan lebar masing-masing frame.

Mengantisipasi Tidak Adanya Dukungan Frame

Ada kemungkinan bahwa Web browser yang digunakan pemakai tidak mendukung fitur frame. Untuk mengatur agar ada pemberitahuan bahwa halaman Web hanya bisa dilihat dengan browser yang mendukung frame digunakan pasangan tag <NOFRAMES> dan </NOFRAMES>.

Menggunakan BORDER

Atribut BORDER pada tag <FRAMESET> berguna untuk mengatur ketebalan garis pemisah antarframe.

Frame Horisontal

HTML juga memungkinkan pembuatan frame horisontal. Caranya dengan mengubah atribut COLS pada <FRAMESET> menjadi ROWS.

Penggunaan NORESIZE

Atribut NORESIZE pada tag <FRAME> digunakan agar frame tidak bisa diubah ketika ditampilkan pada browser.

REFERENSI :
Materi Pemograman Web dan Perangkat Bergerak XI RPL SMKN 2 Karanganyar