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=“text”name=“nama” ><br>

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

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

<form>

Nama : <input type=“text”name=“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>