FORM HTML
Elemen HTML yang di gunakan untuk mendapatkan masukan dari pengguna web.pengguna web dapat memasukkan input melalui halaman2 HTML.
Elemen/tag di gunakan untuk membatasi input.dalam satu form dapat terdiri atas beberapa form akan tetapi hanya satu form yang dapat dikirimkan ke server dalam satu saat.Form tidak berbentuk nested.
Sintaks :
<form action=”_url_” method=”get|post” enctype=”_”> </form>
Atribut ACTION tempat menspesifikasikan URL yang akan di gunakan sebagai memproses field input form.
URL adalah lokasi yang akan melakukan proses terhadap input dari form .
METHOD attribut yang di gunakan untuk menyatakan bagaimana masukan2 berasal dari form dikirimkan kepada CGI.
Jenis masukan dalam FORM
- Text, digunakan untuk memasukkan satu nilai untuk di kirimkan kepada server.
- Radio, menyediakan beberapa pilihan,hanya satu yang dapat dipilih
- Check box, menyediakan beberapa pilihan, bisa lebih dari satu pilihan yang dipilih
- List, menyediakan pilihan dalam bentuk list pilhan,pilhan yang dipilh dapat lebih dari Satur
- Button, di gunakan untuk mendefinisikan tombol untuk melakukan pemrosesan form
- Submit, di gunakan untuk memanggil URL.
- Reset, di gunakan untuk menganalisasi setiap elemen form
- Text area, digunakan untuk memasukkan data dalam bentuk text berupa memo
- Field Text
<html>
<head>
<title> field text </title>
</head>
<body>
<form>
Nama :
<input type=”text” name=”name” size=”#” maxlength=”#”>
<br>
Alamat
<input type=”text” name=”Address” size=”#” maxlength=”#”>
</form>
</body>
</html>
HasiL :
Value pada atribut size menunjukkan besat text box.
Value pada attribute maxlength menunjukkan jumlah karakter maximum yang dapat di tamping.
- Tombol Radio
<form><input type="radio" name="radiobutton" value="radiobutton" /> pilihan 1<input type="radio" name="radiobutton" value="radiobutton" /> pilihan 2</form>
HasiL :
- Tag select (DropDwon box)
<form><label>tgl lahir<select name="select"><option>1</option><option>2</option><option>3</option></select></label><label><select name="select2"><option>januari</option><option>februari</option><option>maret</option></select></label><label><select name="select3"><option>2001</option><option>2002</option><option>2003</option></select></label></form>
HasiL :
- Text area
<form><label><textarea name="textarea" cols="50" rows="5"></textarea></label></form>
HasiL :
- CheckBox
<form><label><input type="checkbox" name="checkbox2" value="checkbox" />pilihan 1 </label><label><input type="checkbox" name="checkbox3" value="checkbox" />pilihan 2 </label><label><input type="checkbox" name="checkbox" value="checkbox" />pilihan 3 </label></form>
HasiL :
- Tag button (reset&submit)
<form><label><input type="submit" name="Submit" value="Submit" /><input type="reset" name="reset" value="Reset" /></label></form>
Hasil :
Sekarang tinggal bagaimana cara anda untuk menggabungkan semua hasil yang sudah Di contohkan diatas sehingga bisa menjadi Form sebagaimana mestinya.
Tambahkan Komentar