Web form HTML

Web form adalah sebuah form yang digunakan untuk mengumpulkan data atau informasi dari user. Data yang dikumpulkan melalui web form bisa berupa nama, email, komentar dan lain-lain.

Sebuah web form terbagi menjadi dua bagian, yaitu:

1. Web form HTML

Web form HTML adalah tampilan form pada web page yang berguna untuk mengumpulkan data. Setelah data terkumpul maka data tersebut harus dikirimkan dan diproses oleh program script (PHP atau lainnya) untuk kemudian disimpan atau diproses lebih lanjut.

Selain dikirimkan ke program script, data yang terkumpul juga bisa langsung dikirimkan ke program email atau dikirimkan ke program database untuk disimpan.

2. Form Handling

Memproses data form yang dikirimkan oleh web form HTML menggunakan program script seperti PHP disebut sebagai form handling.

Sebuah web form HTML dibuat menggunakan tag <form>. Namun supaya web form menjadi sebuah bentuk yang lengkap, web form juga membutuhkan beberapa elemen lain yang akan diterangkan lebih lengkap pada tutorial berikutnya.

Contoh 1:

<form action="index.php" method="post">
    <input type="checkbox" /> Checkbox 1<br />
    <input type="text" /> Text Field 1<br />
    <input type="submit" value="SUBMIT" />
</form>

Hasil contoh 1:

Checkbox 1

Text Field 1

Web form di atas menampilkan tiga jenis form dasar yaitu checkbox, kotak text, dan tombol submit yang merupakan hasil dari tag <input>. Tag <input> adalah bagian dari web form yang muncul dalam berbagai macam bentuk tergantung dari atribut type yang digunakan.

Pada web form HTML, atribut action berguna untuk menentukan tempat penyimpanan data dan atribut method berguna untuk menentukan cara mengirim data dari web form HTML menuju file penyimpanan data.

Berikut ini adalah sebuah contoh web form HTML yang hasil datanya akan dikirimkan menuju aplikasi email yang ada di komputer.

Contoh 2:

<form action="mailto:saya@bangjuju.com" method="post">
    <input type="checkbox" /> Checkbox 1<br />
    <input type="text" /> Text Field 1<br />
    <input type="submit" value="SUBMIT" />
</form>

Hasil contoh 2:

Checkbox 1

Text Field 1

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>