Elemen dalam pemrograman web aplikasi meliputi banyak form dan juga elemen yang di gunakan dalam suatu web aplikasi. Definisi dan fungsi form Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web, baik secara server side scripting(misalkan PHP, JSP) ataupun client-side scripting (javascript). Form dapat digunakan untuk berbagai keperluan seperti keperluan login, transaksi penjualan, mengumpulkan informasi atau meminta umpan balik dari pengguna, menawarkan barang/jasa secara on-line dan sebagainya. Form sangat sering kita jumpai dalam satu aplikasi sistem inormasi berbasis web.
Atribut – atribut dari elemen HTML <form> adalah sebagai berikut :
Berikut ini adalah datfar pilihan dan penjelasan dari atribut TYPE :
1. NAME, digunakan untuk menamai kotak
2. VALUE, digunakan untuk menandai atau menampung teks
3. SIZE, digunakan untuk mengatur ukuran teks pada kotak
4. MAXLENGTH, digunakan untuk menentukan panjang maksimum teks Masing-masing jenis input memiliki karakteristik yang berbeda, dan pemilihan penggunaannya disesuaikan dengan kesesuaian nilai dari input data yang dikelola.
A) Elemen- elemen form input
Uraian berikut ini adalah penjelasan tentang elemen-elemen input yang digunakan dalam form beserta dengan format tag-nya :
1. Form Input Check Box Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=CHECKBOX NAME=name VALUE=value> <INPUT TYPE=CHECKBOX NAME=name VALUE=value CHECKED>
2. Form Input File Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=FILE NAME=name ACCEPT=mime type list>
3. Form Input Hidden Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=HIDDEN NAME=name VALUE=value>
4. Form Input Image Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=IMAGE NAME=name SRC="URL"> <INPUT TYPE=IMAGE NAME=name SRC="URL" ALIGN="alignment">
5. Form Input Password Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=PASSWORD NAME=name> <INPUT TYPE=PASSWORD NAME=name MAXLENGTH=length> <INPUT TYPE=PASSWORD NAME=name SIZE=size> <INPUT TYPE=PASSWORD NAME=name VALUE=value>
6. Form Input Radio Button Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=RADIO NAME=name VALUE=value> <INPUT TYPE=RADIO NAME=name VALUE=value CHECKED>
7. Form Input Reset Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=RESET>
8. Form Input Submit Format tag HTML-nya adalah sebagai berikut : <INPUT TYPE=SUBMIT>
<INPUT TYPE=SUBMIT NAME=name> <INPUT TYPE=SUBMIT VALUE=value>
9. Form Input Button Format tag HTML-nya adalah sebagai berikut : <INPUT TYPE=BUTTON>
<INPUT TYPE=BUTTON NAME=name> <INPUT TYPE=BUTTON VALUE=value>
10. Form Input Text Format tag HTML-nya adalah sebagai berikut :
<INPUT TYPE=TEXT NAME=name> <INPUT TYPE=TEXT NAME=name MAXLENGTH=length> <INPUT TYPE=TEXT NAME=name SIZE=size> <INPUT TYPE=TEXT NAME=name VALUE=value>
B) Contoh form sederhana
Berikut ini adalah contoh dari sebuah halaman web yang berisi form yang sederhana :
<html> <head> <title> Form 1 </title> </head> <body> <form name=”form1” method=”POST” action=”inputdata.php”> Nama : <input type="text" name="nama"> <br><br> Kelas: <input type="text" name="kelas" maxlength="2"> <br><br> No : <input type="text" name="nomor" value="10"> <br><br> Hobby: <input type="text" name="hobby" size="8"> <br><br> Password: <input type="password" name="password"> <br><br> <input type="submit" name="submit" value="Submit"> <input type="reset" name="reset" value="Reset"> </form> </body> </html>
Apabila dibuka di dalam browser, maka tampilan dari susunan kode HTML di atas adalah sebagai berikut : 
Apabila tombol “Submit” diklik, maka semua nilai yang sudah diinputkan oleh pengguna akan di olah di dalam file PHP “inputdata.php”.
Dari Pernyataan di atas kita memahami yaitu Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web, baik secara server side scripting(misalkan PHP, JSP) ataupun client-side scripting (javascript).
Leave a Reply