Tugas 2 Web Pro : Membuat Form Buku Tamu

Tugas Web Programming : Pembuatan Form Buku Tamu

pengertian form :

  form adalah bentuk web, formulir web, atau formulir HTML pada halaman web memungkinkan pengguna untuk masukkan data yang dikirim keserver untuk di proses. Formulir dapat menyerupai formulir kertas atau basis data karena pengguna web mengisi formulir menggunakan kotak centang, tombol radio, atau bidang teks.

kegunaan form :

1. memperoleh data data user terutama nama, alamat dan lain lainnya untuk mendaftar pada service yang di gunakan.
2. memperoleh informasi pembeli secara online.
3. memperoleh feedback dari user mengenai website dan pelayanan kita.

komponen form :

Mengenal tag <input>

Tag input merupakan tag paling banyak digunakan di dalam form dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag <input>.

Bentuk-bentuk dari keluarga tag input ini dibedakan berdasarkan atribut type:

• <input type=”text” /> atau bisa juga <input /> adalah textbox inputan biasa yang menerima input berupa text, contohnya digunakan untuk inputan nama, username, dan inputan yang berupa text pendek. Input type text ini juga bisa memiliki atribut value yang bisa diisi nilai tampilan awal dari text

• <input type=”password” /> dalam tampilannya sama dengan type text, namun teks yang diinput tidak akan terlihat, akan berupa bintang atau bulatan. Biasanya hanya digunakan untuk inputan yang sensitif seperti password.

• <input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkboxmemiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi.

• <input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin.

• <input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika diisi akan membuat text tombol submit berubah sesuai inputan nilai value.

Bagaimana cara  membuat form input dan output komentar ?

berikut ini contohnya,

setelah di ketik dan di isi seperti di atas, maka hasil outputnya seperti ini :

dan untuk scrip codenya :

untuk penggunaan aplikasi untuk membuat contoh seperti di atas saya menggunakan aplikasi notepad++, sekian pembahasan mengenai pembuatan form buku tamu.

terima kasih.