Page 126 - Pemrograman-Web-Semester1
P. 126

PEMROGRAMAN WEB SEMESTER 1







                        19.  Kegiatan Belajar 19 : Anatomi dan cara kerja form



                           a.  Tujuan Pembelajaran.
                           1)  Setelah mengikuti kegiatan belajar 19 diharapkan siswa dapat:
                           2)  Memahami elemen-elemen HTML untuk membentuk form

                           3)  Menerapkan elemen-elemen HTML untuk membentuk form
                           4)  Mengetahui penggunaan elemen-elemen HTML di dalam form



                           b.  Uraian materi.
                        1)  Definisi dan fungsi form
                        Form adalah 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 inormasi berbasis web.

                        2)  Anatomi dari form

                        Standard atau format umum penulisan dari form  adalah sebagai berikut :

                            <Form metode=”post/get” action=”….”>

                            ……
                            ……

                            ……
                            </form>
                        Berikut ini adalah beberapa variasi yang dapat diterapkan pada atribut<form> :

                        <FORM ACTION=action base> form tags </FORM>
                        <FORM METHOD=method> form tags </FORM>
                        <FORM ENCTYPE=media type> form tags </FORM>

                        <FORM  ACTION=action  base  TARGET="target  window  name">  form
                        tags

                                                                                           112 | P a g e
   121   122   123   124   125   126   127   128   129   130   131