FORM

Adalah bentuk halaman web yang digunakan untuk menerima masukan

dari pengguna. Untuk kemudian masukan tersebut diolah
menggunakan bahasa pemrograman web baik secara server side
scripting (PHP, JSP) maupun client side scripting (javascrip)
 FORM (Lanjutan)
Format umum penulisan Form :

<form metode=post/get action=.>

.
.
.
.
</form>
 FORM (Lanjutan)
Masukan oleh pengguna melalui Form :

<form metode=post/get action=.>

<input
name=nama
type=text | checkbox | radio | submit | reset
value=nilaiAwal
size=ukuranHuruf
checked>
.
.
.
</form>
 FORM (Lanjutan)
Contoh penulisan Form :

<form>

Nama : <input type=textname=nama ><br>

<input name=negara value=Indonesia>
<input type=submit value=Klik OK>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <input>

<form>

Nama : <input type=textname=nama ><br>

Kelas : <input type=text name=kelas><br>
Alamat : <input type=text name=alamat><br>
<input type=reset value=Kosongkan> &nbsp; <input type=submit
value=OK>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <textarea>

<form>

<textarea rows=4 cols=50>

Ini area teks yang akan ditampilkan, bisa dihapus dan ditulis.

</textarea>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <label>

<form>

<label for=buku>Buku</label>
<input type=radio name=barang id=buku value=buku>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <fieldset>

<form>

<fieldset>
<legend>Daftar Nama Siswa</legend>
Nama : <input type=text>br
Kelas : <input type=text>br
Email : <input type=text>
</fieldset>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <legend>

<form>

<fieldset>
<legend>Daftar Nama Siswa</legend>
Nama : <input type=text>br
Kelas : <input type=text>br
Email : <input type=text>
</fieldset>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <select>

<form>

<select>
<option value=rpl>Reyakayasa Perangkat Lunak</option>
<option value=listrik>Teknik Instalasi Tenaga Listrik</option>
<option value=mesin>Teknik Pemesinan</option>
<option value=otomotif>Teknik Kendaraan Ringan</option>
</select>
</form>
 FORM (Lanjutan)
Contoh elemen Form : <option>

<form>

<select>
<option value=rpl>Reyakayasa Perangkat Lunak</option>
<option value=listrik>Teknik Instalasi Tenaga Listrik</option>
<option value=mesin>Teknik Pemesinan</option>
<option value=otomotif>Teknik Kendaraan Ringan</option>
</select>
</form>
 FORM (Lanjutan)
Contoh elemen Form : <optgroup>

<form>

<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <button>

<form>

<button type=button>Klik Disini</button>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <datalist>

<form>

<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>

</form>
 FORM (Lanjutan)
Contoh elemen Form : <keygen>

<form>

Username: <input type="text" name="usr_name">

Encryption: <keygen name="security">
<input type="submit">

</form>