Senin, 23 September 2013

Formulir pada Halaman Web

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 <form> dan </form>. Dan menggunakan atribut pendukung form yaitu action dan method.
  • ACTION : digunakan untuk menentukan tujuan apabila sebuah tombol pada formulir dijalankan..
  • 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 contoh berikut ini :
< form action=”kirim.html” method=”post”>………….</form>
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.

1. Tag Input pada Formulir


2. Menentukan Textarea

Textarea biasanya digunakan untuk jenis masukan yang jumlah karakternya banyak. Tag yang digunakan adalah pasangan tagloca <textarea> dan ditutup dengan tag </textarea>. Text area bisa mencakup banyak baris.


3. Penggunaan Select pada Formulir

Untuk menentukan pilihan dengan cara memilih sendiri terhadap yang ditampilkan pada daftar tertentu dapat dibuat dengan menggunakan pasangan tag <select> dan </select>, istilah lain dari select adalah kotak kombo (drop-down) atau daftar pilihan.


4. Penggunaan Tipe Checkbox

Memilih sebuah informasi dengan cara mengklik kotak tertentu dan selanjutnya terdapat karakter khusus yang menandai kotak tersebut, pada formulir inilah yang dinamakan tipe checkbox. Karakter tersebut umumnya berbentuk tanda checklist/centang.
Berikut ini adalah contoh penggunaan tipe checkbox :


5. 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.

Contoh:

6. Tombol pada Atribut Input

Tombol yang sudah kita pergunakan pada contoh-contoh diatas ada dua, yaitu submit dan reset. Dengan menggunakan tag <input>, 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 :


Sekian mengenai Formulir pada Halaman Web.

0 komentar:

Posting Komentar