Didalam sebuah halaman web terkadang kita menjumpai adanya buku tamu bagi
pengunjung, umpan balik dan pendaftaran anggota. Diantara ketiga bentuk tampilan
tersebut pasti telah menggunakan komponen formulir. Untuk membentuk sebuah
formulir diperlukan pasangan tag
. Dan menggunakan atribut
pendukung form yaitu action dan method.
• ACTION digunakan untuk menentukan tujuan apabila sebuah tombol pada
formulir dijalankan..
©Pengembangan Web/Buku Ajar/T.I/Darmajaya
Formulir Pada Halaman Web 65
• METHOD digunakan untuk menentukan teknis penyampaian informasi setelah
tombol dijalankan untuk mengakses atau mengirim sebuah informasi. Umumnya
method terdiri dari dua jenis yaitu get dan post. Bila menggunakan get berarti
informasi yang ditampilkan akan diperoleh pada halaman itu sendiri dalam hal
ini url pada action. Sedangkan post informasi tersebut akan dikirimkan terpisah
dari url.
Untuk lebih jelasnya penggunaan action dan method dapat dilihat pada potongan
program berikut ini :
< form action=”kirim.html” method=”post”>………….
9.3 Tag Input Pada Formulir
Untuk menginputkan sebuah data atau teks diperlukan sebuah area yang jelas. Area
tersebut bermacam-macam bentuknya ada yang berupa kotak isian ada juga yang berupa
kotak kecil atau lingkaran yang cara mengisinya cukup dengan mengklik pada area
tersebut serta masih ada bentuk-bentuk yang lainnya. Untuk membentuknya pada
formulir diperlukan tag dan beberapa atribut pendukung dan letaknya berada
dalam pasangan tag
. Tag input memiliki sejumlah atribut. Atributatributnya
seperti yang terlihat pada tabel berikut :
Atribut Catatan
NAME Untuk menentukan nama data
SIZE Menentukan ukuran kotak masukan untuk teks dan password
MAXLENGTH Menentukan jumlah teks yang dapat dimasukan pada area tertentu
misal pada input teks dan password
VALUE Memberikan nilai awal untuk kotak masukan sebelum mulai
diinputkan teks baru
CHECKED Diberikan supaya kotak cek dalam keadaan terpilih.
TYPE Menentukan tipe kotak masukan, seperti password, text, submit, reset
dan lain-lain
Tabel 8. Daftar Atribut Tag Input
Contoh berikut ini memperlihatkan penggunaan formulir yang melibatkan field teks,
tombol submit dan reset.
©Pengembangan Web/Buku Ajar/T.I/Darmajaya
Formulir Pada Halaman Web 66
Formulir.html
Berkas program info.html
Info.html
Informasi yang anda butuhkan ada di sini
Untuk menujukan bahwa jika tombol submit diklik maka berkas HTML yang
disebutkan dalam atribut action pada tag
9.5 Penggunaan Select Pada Formulir
Untuk menentukan pilihan dengan cara memilih sendiri terhadap yang ditampilkan pada
daftar tertentu dapat dibuat dengan menggunakan pasangan tag ,
istilah lain dari select adalah kotak kombo (drop-down) atau daftar pilihan.contoh
penggunaan select diperlihatkan pada contoh berikut ini :
Select.html
9.7 Penggunaan Tipe Radio
Tipe radio umumnya sama penggunaanya dengan checkbox. Hanya saja kalau checkbox
berbentuk kotak dan tandanya berupa karakter centang, kalau pada radio berbentuk
bulatan dengan ditandai karakter titik berwarna hitam apabila kita telah memilihnya.
Berikut ini diberikan contoh untuk penggunaan tipe radio :
©Pengembangan Web/Buku Ajar/T.I/Darmajaya
Formulir Pada Halaman Web 69
Radio.html
9.8 Penggunaan Tipe Password
Passwor merupakan kata sandi yang digunakan untuk membuka atau mengakses suatu
informasi. Password umumnya merupakan karakter baik itu angka maupun huruf. Cara
memasukan password biasanya telah disediakan area khusus dan karakter yang
dituliskan tidak terlihat seperti kata aslinya. karakter yang telah dimasukan tersebut
umumnya diterjemahkan dalam kode tertentu dan yang sering dijumpai berbentuk
karakter “ * ”. Berikut adalah contoh kode htmlnya :
©Pengembangan Web/Buku Ajar/T.I/Darmajaya
Formulir Pada Halaman Web 70
Password.html
9.9 Tombol Pada Atribut Input
Tombol yang sudah kita pergunakan pada contoh-contoh diatas ada dua, yaitu submit
dan reset. Dengan menggunakan tag , anda juga dapat membentuk tombol
sendiri dengan fungsi yang berbeda dengan kedua tombol yang telah digunakan
tersebut. Cara membuatnya adalah berikan nilai “button” pada atribut type. Seperti yang
terlihat pada program berikut ini :
Button.html
Tidak ada komentar:
Posting Komentar