Jumat, 28 Oktober 2016

from

Artikel “FORM” Pemprograman WEB

PEMPROGRAMAN INTERNET “FORM HTML”

  1. FORM
Form HTML merupakan tag yang paling penting khususnya dalam membuat aplikasi berbasis web. Form merupakan properti masukan yang dapat berupa textbox, check box, radio button, dan button. Untuk mendeklarasikan sebuah form digunakan tag <form>…</form>. Di dalam tag ini akan mendefisinikan elemen-elemen form seperti yang telah disebutkan di atas. Selain tag elemen form juga dapat menuliskan sembarang text, tag, image.
  1. Atribut Elemen Form
action = lokasi dan nama file ( yang menangani form )
method = [ get | post ] ( metode HTTP untuk men-submit form )
  1. Properti Masukan Pada Elemen Form
  2. Text Box <input type=”text” />Digunakan untuk memasukkan input berupa text.
size = ukuran dari textbox dalam karakter, default 20
maxsize = maksimal banyaknya karakter yang dapat diterima
name = nama dari variabel yang dikirim ke suatu aplikasi
value = akan menampilkan isinya sebagai nilai default
  1. Password<input type=”password” /> Digunakan untuk memasukkan password. size = ukuran dari textbox dalam karakter, default 20
maxsize = maksimal banyaknya karakter yang dapat diterima
name = nama dari variabel yang dikirim ke suatu aplikasi
  1. Hidden<input type=”hidden” />
Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser.
name = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variabel
  1. Check Box<input type=”checkbox” />
Check box digunakan untuk dapat memilih lebih dari satu pilihan.
name = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variable
checked = ( checkbox yang sudah ditandai )


  1. Radio Button<input type=”radio” /> Radio Button digunakan untuk dapat memilih hanya satu pilihan.
name = nama dari variabel yang dikirim ke suatu aplikasi
value = nilai dari variabel
checked = ( checkbox yang sudah ditandai )
  1. Push Button<input type=”button” />
Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi.
name = nama dari variabel yang dikirim ke suatu aplikasi
value = label teks diatas tombol
  1. Submit<input type=”submit” />
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen name = nama dari variabel yang dikirim ke suatu aplikasi.
value = label teks diatas tombol
  1. Image Submit Button<input type=”image” src=”url” />
Digunakan untuk menggantikan tombol standar submit dengan image.
name = nama dari variabel yang dikirim ke suatu aplikasi
  1. Reset<input type=”reset” />
Digunakan untuk mereset semua masukan form.
value = text label on the button
  1. Text Area<textarea>…</textarea>
Elemen untuk memasukkan teks secara leluasa seperti notepad.
name = nama dari varibel yang dikirim ke suatu aplikasi
rows = panjang baris dalam karakter
cols = tinggi dalam karakter
  1. Select<select>…</select>
Daftar isi dalam property select menggunakan tag <option>
size = jumlah pilihan yang dapat terlihat
name = nama dari suatu variabel yang terkirim ke suatu aplikasi




Latihan Form.html
<html>
<head> <title> Form Registrasi </title> </head>
<body>
<h2 align=”center”><font color=”#9966FF”>Form
Registrasi</font></h2>
<form action=”proses” method=”post” name=”form”>
<table width=”68%” border=”0″ align=”center” cellpadding=”0″>
<tr>
<td width=”33%”>Nama</td>
<td width=”3%”>:</td>
<td width=”64%”><input name=”txtNama” type=”text”
id=”txtNama”></input></td>
</tr>
<tr>
<td>Tgl Lahir</td>
<td>:</td>
<td><input name=”txtTgl” type=”text” id=”txtTgl” size=”4″
maxlength=”2″></input> /
<input name=”txtBulan” type=”text” id=”txtBulan” size=”4″
maxlength=”2″></input> /
<input name=”txtTahun” type=”text” id=”txtTahun” size=”8″
maxlength=”4″></input></td>
</tr>
<tr>
<td>Alamat</td>
<td>&nbsp;</td>
<td><textarea name=”txtAlamat” cols=”40″ rows=”2″
id=”txtAlamat”></textarea></td>
</tr>
<tr>
<td>Kota</td>
<td>:</td>
<td><input name=”txtKota” type=”text” id=”txtKota”></input>
</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td>:</td>
<td><select name=”cboJob” id=”cboJob”>
<option>Tani</option>
<option>Nelayan</option>
<option>Karyawan</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input name=”radJk” type=”radio” value=”1″ checked>
</input> Laki-Laki
<input type=”radio” name=”radJk” value=”2″> </input> Perempuan
</td>
</tr>
<tr>
<td>Hobby</td>
<td>:</td>
<td><input name=”cekReading” type=”checkbox” id=”cekReading”
value=”1″> </input> Reading </td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input name=”cekSport” type=”checkbox” id=”cekSport”
value=”2″> </input> Sport</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input name=”cekSing” type=”checkbox” id=”cekSing”
value=”3″></input> Singing </td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input name=”cekTravel” type=”checkbox” id=”cekTravel”
value=”4″></input> Traveling </td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input name=”btnKirim” type=”submit” id=”btnKirim”
value=”Kirim”> </input>
<input name=”btnReset” type=”reset” id=”btnreset”
value=”reset”> </input> </td>
</tr>
</table>
Pemrograman web umumnya membuatkan form isian yang harus diisi oleh pengunjung agar data dikirimkan kepada server web. Form isian dalam HTML menggunakan tag
<form> dan </form>.
<FORM ACTION=action base> form tags </FORM>
<FORM METHOD=method> form tags </FORM>
<FORM ENCTYPE=media type> form tags </FORM>
<FORM ACTION=action base TARGET=”target window name “> form tags
</FORM> <FORM SCRIPT= URL> form tags </FORM>
Note : target window name diisikan berupa:
_blank
_self
_parent
_top
Didalam tag <form> dan </form> didefinisikan jenis masukan yang dapat dikirimkan
dari browser web pemakai kepada server web. Jenis masukan yang dapat dikirimkan
terdiri atas :
1. Text
2. Pilihan dengan menggunakan tombol radio (satu pilihan saja)
3. Pilihan dengan menggunakan tombol chexbox (lebih dari satu pilihan)
4. List pilihan (satu atau lebih pilihan)
5. Password
6. Hidden
7. Button
8. Textarea
Setiap jenis masukan (input) dari halaman web minimal harus mempunyai atribut jenis,
nama dan nilai default. Elemen masukan ini dinyatakan deng an menggunakan tag
<input>.
HTML menyediakan tag <FORM> untuk membuat form di halaman web. Form digunakan untuk
menerima masukan dari pengguna, untuk selanjutnya diolah. Untuk membuat form diperlukan juga tag
<INPUT> yang terletak diantara <FORM> dan </FORM>.
Tag <INPUT> memiliki atribut TYPE. Berikut pilihan dari atribut TYPE :
Sumber :
www.w3school.com
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)