Form
Registrasi
KeteranganAtribut Elemen Form
action = lokasi dan nama file "yang menangani form"
method = [ get | post ] "metode HTTP untuk men-submit form"
Properti Masukan Pada Elemen Form
a. Text Box
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
b. 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
c. 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
d. Check Box
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 )
e. Radio Button
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 )
f. Push 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
g. Submit
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen
FORM.
name = nama dari variabel yang dikirim ke suatu aplikasi.
value = label teks diatas tombol
h. Image Submit Button
Digunakan untuk menggantikan tombol standar submit dengan image.
name = nama dari variabel yang dikirim ke suatu aplikasi
i. Reset
Digunakan untuk mereset semua masukan form.
value = text label on the button
j. Text Area
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
k. Select
Daftar isi dalam property select menggunakan tag
size = jumlah pilihan yang dapat terlihat
name = nama dari suatu variabel yang terkirim ke suatu aplikasi
Copy Code Scripnya Di Bawah ini :
<title> Form Registrasi </title>
<h2 align="center">
<span style="color: #9966ff;">Form
Registrasi</span></h2>
<form action="proses" method="post" name="form">
<table align="center" border="0" cellpadding="0"><tbody>
<tr> <td width="33%">Nama</td> <td width="3%">:</td> <td width="64%"><input id="txtNama" name="txtNama" type="text" /></td> </tr>
<tr> <td>Tgl Lahir</td> <td>:</td> <td><input id="txtTgl" maxlength="2" name="txtTgl" size="4" type="text" /> /
<input id="txtBulan" maxlength="2" name="txtBulan" size="4" type="text" /> /
<input id="txtTahun" maxlength="4" name="txtTahun" size="8" type="text" /></td> </tr>
<tr> <td>Alamat</td> <td></td> <td><textarea cols="40" id="txtAlamat" name="txtAlamat" rows="2"></textarea></td> </tr>
<tr> <td>Kota</td> <td>:</td> <td><input id="txtKota" name="txtKota" type="text" /></td> </tr>
<tr> <td>Pekerjaan</td> <td>:</td> <td><select id="cboJob" name="cboJob"> <option>Tani</option> <option>Nelayan</option> <option>Karyawan</option> </select></td> </tr>
<tr> <td>Jenis Kelamin</td> <td>:</td> <td><input checked="checked" name="radJk" type="radio" value="1" />Laki-Laki
<input name="radJk" type="radio" value="2" /> Perempuan</td> </tr>
<tr> <td>Hobby</td> <td>:</td> <td><input id="cekReading" name="cekReading" type="checkbox" value="1" /> Reading </td> </tr>
<tr> <td></td> <td></td> <td><input id="cekSport" name="cekSport" type="checkbox" value="2" /> Sport</td> </tr>
<tr> <td></td> <td></td> <td><input id="cekSing" name="cekSing" type="checkbox" value="3" /> Singing </td> </tr>
<tr> <td></td> <td></td> <td><input id="cekTravel" name="cekTravel" type="checkbox" value="4" /> Traveling </td> </tr>
<tr> <td></td> <td></td> <td><input id="btnKirim" name="btnKirim" type="submit" value="Kirim" />
<input id="btnreset" name="btnReset" type="reset" value="reset" /> </td> </tr>
</tbody></table>
</form>
Posting Komentar