Pengertian
form
Form merupakan
salah satu bentuk halaman web yang di gunakan untuk menerim amasukan dari
penguna, untuk selanjutnya masukan dari penguna tersebut diolah mengunakam bahasa
pemrograman web baik secara server side scripting ataupun client side scripting yaitu java
script.
format umum dari form
<form>
input element
</form>
Ada dua atribut yang di gunakan pada
element form:
1.
Methode yaitu untuk
pengiriman ke tujuan. Methode terdiri dari dua jenis:
-
Get yaitu mengirim
data ke server dengan cara meletakan data pada bagian akhir dari URL yang di
tuju.
-
Post yaitu datanya
dikirim terpisah.
2.
Action yaitu untuk
menentukan tujuan apabila sebuah tombol form di jalankan.
Perbedaan jika kita mengisi
methode get dan post:
-
Untuk methode get di
gunaka untuk pencarian query.
-
Untuk methode post
biasanya di gunakan untuk data yang lebih sensitive seperti password atau
regestrasi user.
Ada beberapa element input pada form:
1. Text
box <input type=”text”>
Di gunakan untuk
memesukan input yang berupa text.
2. Password
<input type=”password”>
Di gunakan untuk
memesukan password.
3. Hidden
<input type=”hidden”>
Digunakan untuk
mengirim data ke suatu aplikasi yang tidak di inginkan untuk di lihat oleh
browser.
4. Check
box <input type=”checkbox”>
Di gnakan untuk dapat
memilih lebih dari satu pilihan.
5. Radio
bottom <input type=”radio”>
Di gunakan agar dapat
memilih hanya salah satu pilihan.
6. Push
bottom <input type=”button”>
Biasanya di gunakan
dengan java script atau visual basic script untuk menghasilkan suatu aksi.
7. Submit
<input type=”submit”>
Di gunakan untuk
mengirimkan nama dan nilainya ke suatu aplikasi dalam atribut action di dalam
element form.
8. Image
submit buton <input type=”image”
src=“url”>
Digunakan untuk
menggantikan tombol standar submit dengan image.
9. Reset
<input type=”reset”>
Digunakan untuk
mereset semua masukan dalam form.
10.
Text area < Textarea> . . . </Textarea>
Di gunakan untuk
memesukan text secara leluasa seperti notepad.
11. Select
<select> . . . </select>
Merupakan daftar isi
dari properti select menggunakan tag option <option>.
Contoh:
<html>
<head>
<form>
nama
: <input
type="text"name="nama"><br>
alamat
: <input
type="text"name="alamat"><br>
<input
type="reset"value="reset">
<input
type="submit"name="submit">
</form>
</head>
</html>
Entri pilihan
1.
CHECKBOX
2.
LIST/SELECT
3.
RADIO
·
Entri “radio”
Contoh:
<html>
<head>
<title>
belajar </title>
</head>
<form>
Jenis
kelamin
<input
type="radio"name="J_kelamin"value=”laki-laki”> laki-laki
<br>
<input
type="radio"name="J_kelamin"value=“perempuan”> perempuan
<br>
<input
type="submit"value=”input">
<input
type="sreset"value=”hapus">
</form>
</html>
·
Entri checkbox
Contoh:
<html>
<form>
Nama:
<input type="text"name="nama"><br>
Hobbi:
<input type="checkbox"name=" ">membaca
<input
type="checkbox"name=" ">menulis
<input
type="checkbox"name=" ">menggambar
<br>
<input
type="submit"value="submit">
<input
type="reset"value="reset">
</form>
</html>
·
Entri select
Contoh:
<html>
<head>
<title>
belajar </title>
</head>
<form>
Nama
: <input type="text"name="nama"><br>
Asal
kota:
<select>
<option>
Jakarta
<option>
Makasar
<option>
Jayapura
</select>
<br>
<input
type="submit"value="submit">
<input
type="reset"value="reset">
</form>
</html>
No comments:
Post a Comment