Saturday, May 6, 2017

Mengidentifasi Anatomi dan Cara Kerja Form

1)  Definisi  dan  fungsi  form Form  merupakan  salah  satu  bentuk  halaman  web  yang  digunakan  untuk menerima  masukan  dari  pengguna,  untuk  selanjutnya  masukan  dari  pengguna tersebut  diolah  menggunakan  bahasa  pemrograman  web,  baik  secara  server side  scripting(misalkan  PHP,  JSP)    ataupun  client-side  scripting  (javascript). Form  dapat  digunakan  untuk  berbagai  keperluan  seperti  keperluan  login, transaksi  penjualan,    mengumpulkan  informasi  atau  meminta  umpan  balik  dari pengguna,  menawarkan  barang/jasa  secara  on-line  dan  sebagainya.  Form sangat  sering  kita  jumpai  dalam  satu  aplikasi  sistem  informasi  berbasis  web.
2)  Anatomi  dari  form
Pada  jenis  masukan  (input)  dari  halaman  web  minimal  harus  mempunyai atribut  jenis  (type),  nama  (name)  dan  nilai  (value)  default.  Disamping  atribut  type, masing-masing  elemen  input  memiliki  atribut-atribut  yang  lain  dan  beberapa atribut  tersebut  berlaku  untuk  beberapa  jenis  elemen  input.
3)  Cara  Kerja Form
Form  HTML  digunakan  untuk  melewatkan  data  dari  klien  ke  server.  Kerja Web  bekerja  didasarkan  pada  arsitektur  client  /  server  yang  sangat  dasar  yang dapat  diringkas  sebagai  berikut  :  klien  (web  browser  )  mengirim  permintaan  ke server  (misalnya  apache  ,  nginx  ,  IIS  ,  Tomcat  ,  dan  lain  sebagainya  )  , menggunakan  protokol  HTTP  .  Server  menjawab  requets  dari  form  dengan   menggunakan  protokol  yang sama  .
4)  Elemen  form  html
Form  HTML  digunakan  untuk  memilih  pelbagai  macam  inputan  yang disediakan.    Data  bisa  diinputan  dalam  bentuk  input  teks  ,  pilihan  radio  button, check  box  dan  lain  sebagainya.  Bentuk  inputan  tersebut  dikemas  elemen  dalam tag-tag  form.  Berikut  adalah  elemen-elemen  yang disediakan  oleh  html .
5)  Elemen  form  button
6)  Elemen  form  input  submit
7)  Elemen  form  reset
8) Contoh form sederhana

Share:

0 comments:

Post a Comment

BTemplates.com

Blog Archive

Powered by Blogger.

Blog Archive