Ø
Form
digunakan sebagai fasilitas untuk memasukkan data. Cara menggunakan form adalah dengan menambahkan
elemen <form> yang diikuti beberapa atribut setelah tag pembukan
<form>.
v Atribut Form
No
|
Atribut
|
Keterangan
|
1.
|
Action
|
Menjelaskan apa yang terjadi dengan
data ketika form di submit. Biasanya value (nilai) dari atribut ini adalah
halaman atau program yang akan menerima informasi.
|
2.
|
Method
|
Metode ini yang akan digunakan untuk
pengiriman data form ke server. Ada 2 cara pengiriman sesuai dengan metode
http:
1. Get
2. Post
|
3.
|
Id
|
Digunakan untuk mengidentifikasi
elemen form,nilai dari atribut ini harus unik. Misal :
id=formlogin,id=formtamu
|
4.
|
Name
|
Digunakan untuk mengidentifikasi form.
Sama seprti atribut id,umumnya tidak digunakan lagi jika sudah menggunakan
id. Cara penggunaannya sama seperti id.
|
5.
|
Onsubmit
|
Untuk menjalankan event script client
side ketika form di submit. Biasanya script yang ditulis dalam javascript.
|
6.
|
Onreset
|
Untuk menjalankan event script client
side ketika form di reset. Biasanya script yang ditulis dalam javascript.
|
7.
|
Enctype
|
Menetukan bagaimana metode pengkodean
yang dilakukan browser sebelum data dikirim ke server. Biasanya browser
cenderung mendukung 2 jenis pengkodean,yaitu :
Ø Application/x-www-form-urlencoded
: metode sekitar kebanyakan form. Metode ini digunakan browser karena
beberapa karakter seperti spasi dan lainnya tidak dapat dikirim ke server.
Ø Multipart/form-data
: memungkinkan form mengirimkan dat dalam bagian-bagian.
|
8.
|
Target
|
Menunjukkan frame atau halaman yang
akan dimuat ketika form disubmit. Biasanya dipadukan bersama elemen<a>
|
Ø
Check Box
Control ini digunakan untuk membuat kotak
cek (checkbox). Pembuatan kontrol ini juga menggunakan elemen
<input>,tetapi value dari atribut type adalah “checkbox”.
Ø
Radio Buttons
Hampir sama dengan checkbox,hanya saja
pilihan yang tercek tidak dapat lebih dari satu. Value dari atribut type yang
digunakan adalah radio.
Ø
Select Boxes
Membuat isian pilihan berupa menu drop
down. Untuk membuat select boxes,digunakan elemen <select>,dimana untuk
membuat pilihan yang ada didalamnya digunaka elemen <option>
Contoh
:
<html>
<head>
<title>Formulir</title>
</head>
<body>
<center><b>Form
Data Diri</b></center>
<hr>
<table>
<tr><td>Nama : <input
type=text name="nama"
size="20">
<te><td>Alamat<td> : <input type=text
name="alamat"size="30">
<tr><td>Kota : <input
type=text name="kota"
size="22">
<tr><td>Telp : <input
type=text name="telp"
size="15">
<tr><td>Jenis
Kelamin : <input
type="radio"
name="kelamin">Pria<input
type="radio" name
="kelamin">Wanita
<tr><td>Hobby : <input type="checkbox"
name="musik">Musik<input
type="checkbox"
name="olahraga">Olahraga<input
type="checkbox"
name="jalan">Jalan
<tr><td>Agama<td> : <select
size="1"name="agama">
<option>Islam</option>
<option>Kristen</option>
<option>Hindu</option>
<option>Budha</option>
</select>
<tr><td>Asal
Sekolah<td> : <input type="text"
name="asalsma"size="35"
<tr><td>Jurusan
: <input type="text"
name="jurusan"size="35"
</table>
</form>
<hr>
<input
type="submit"value=Kirim><input type="reset">
</body>
</html>
tampilan output script diatas sebagai berikut :
tampilan output script diatas sebagai berikut :
Tidak ada komentar:
Posting Komentar