際際滷

際際滷Share a Scribd company logo

Pertemuan 06

Download as PPT, PDF
Andyy EmeMezt
Andyy EmeMezt

Dokumen ini membahas tentang form pada pemrograman web. Form digunakan untuk mendapatkan input dari pengguna dan terdiri dari beberapa jenis input seperti text, radio button, checkbox, select, textarea, dan tombol submit. Contoh lengkap penggunaan berbagai jenis input form untuk survei pengunjung juga dijelaskan.

1 of 22
Download to read offline
PEMROGRAMAN WEB I Oleh: I Wayan Simpen
By I Wayan Simpen Agenda Form
By I Wayan Simpen FORM Form digunakan untuk mendapatkan masukkan dari pengguna Form tidak boleh berbentuk nested Sintak: <FORM [ACTION=_url_ METHOD=get|post NAME=Nama_Form]> </FORM>
By I Wayan Simpen ACTION = Tempat menspesifikasikan URL yang akan digunakan sbg pemroses field input form. URL = Lokasi dokumen yang akan melakukan proses terhadap input dari form. METHOD digunakan untuk menyatakan bagaimana data yang berasal dari FORM dikirim kepada program CGI
By I Wayan Simpen Jenis Masukkan dari FORM TextText RadioRadio Check boxCheck box ListList ButtomButtom Text AreaText Area
By I Wayan Simpen Tag Text Bentuk: <INPUT TYPE=TEXT NAME=variabel SIZE=n MAXLENGTH=n> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30"> Contoh: Hasil:
By I Wayan Simpen Tag Radio Bentuk: <INPUT TYPE=radio NAME=variabel VALUE=nilai" checked> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data VALUE = untuk memberi nilai pada variabel yang disebutkan pada NAME CHECKED = pilihan diberikan secara langsung
By I Wayan Simpen Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang Hasil: Contoh:
By I Wayan Simpen Tag Checkbox <INPUT NAME=variabel" TYPE="checkbox" VALUE=nilai" checked> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data VALUE = untuk memberi nilai pada variabel yang disebutkan pada NAME CHECKED = pilihan diberikan secara langsung Bentuk:
By I Wayan Simpen Contoh: Yang Menarik Perhatian Anda dalam Situs Ini :<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis Hasil:
By I Wayan Simpen Tag Select <SELECT NAME=variabel"> <OPTION SELECTED value=nilai>Text1</option> <OPTION>Text2 </SELECT> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data OPTION = Menentukan teks yang akan ditampilkan pada daftar (list) SELECTED = Nilai default Bentuk:
By I Wayan Simpen Contoh: <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Makassar <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi </SELECT> Hasil:
By I Wayan Simpen Tag Textarea <TEXTAREA NAME=Variabel" ROWS=n COLS=m></TEXTAREA> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data ROWS = Menentukan maksimum jumlah baris COLS = menentukan maksimum jumlah kolom Bentuk:
By I Wayan Simpen Contoh: KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=5 COLS="50"></TEXTAREA> Hasil:
By I Wayan Simpen Tag Buttom <INPUT TYPE="submit | reset | button " VALUE=Teks"> Keterangan: TYPE = untuk menentukan TYPE tombol VALUE= Menentukan Teks dari tombol Bentuk:
By I Wayan Simpen Contoh: <INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT TYPE="reset" VALUE=" RESET "> Hasil:
By I Wayan Simpen Contoh Lengkap <HTML> <HEAD> <TITLE>SURVEI PENGUNJUNG</TITLE> </HEAD> <BODY BGCOLOR="#c0c0c0"> <CENTER><H2><U>DATA PENGUNJUNG</U></H1> <FORM METHOD="post" ACTION="wyn@telkom.net"><B> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30">
By I Wayan Simpen Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang
By I Wayan Simpen Yang Menarik Perhatian Anda dalam Situs Ini :<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis<P>
By I Wayan Simpen DARI MANA ANDA BERASAL : <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Makassar <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi
By I Wayan Simpen </SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=5 COLS=50"></TEXTAREA> <P><INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT TYPE="reset" VALUE=" RESET "> </FORM> </body> </html>
By I Wayan Simpen Hasil

More Related Content

Pertemuan 06

  • 2. By I Wayan Simpen Agenda Form
  • 3. By I Wayan Simpen FORM Form digunakan untuk mendapatkan masukkan dari pengguna Form tidak boleh berbentuk nested Sintak: <FORM [ACTION=_url_ METHOD=get|post NAME=Nama_Form]> </FORM>
  • 4. By I Wayan Simpen ACTION = Tempat menspesifikasikan URL yang akan digunakan sbg pemroses field input form. URL = Lokasi dokumen yang akan melakukan proses terhadap input dari form. METHOD digunakan untuk menyatakan bagaimana data yang berasal dari FORM dikirim kepada program CGI
  • 5. By I Wayan Simpen Jenis Masukkan dari FORM TextText RadioRadio Check boxCheck box ListList ButtomButtom Text AreaText Area
  • 6. By I Wayan Simpen Tag Text Bentuk: <INPUT TYPE=TEXT NAME=variabel SIZE=n MAXLENGTH=n> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30"> Contoh: Hasil:
  • 7. By I Wayan Simpen Tag Radio Bentuk: <INPUT TYPE=radio NAME=variabel VALUE=nilai" checked> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data VALUE = untuk memberi nilai pada variabel yang disebutkan pada NAME CHECKED = pilihan diberikan secara langsung
  • 8. By I Wayan Simpen Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang Hasil: Contoh:
  • 9. By I Wayan Simpen Tag Checkbox <INPUT NAME=variabel" TYPE="checkbox" VALUE=nilai" checked> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data VALUE = untuk memberi nilai pada variabel yang disebutkan pada NAME CHECKED = pilihan diberikan secara langsung Bentuk:
  • 10. By I Wayan Simpen Contoh: Yang Menarik Perhatian Anda dalam Situs Ini :<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis Hasil:
  • 11. By I Wayan Simpen Tag Select <SELECT NAME=variabel"> <OPTION SELECTED value=nilai>Text1</option> <OPTION>Text2 </SELECT> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data OPTION = Menentukan teks yang akan ditampilkan pada daftar (list) SELECTED = Nilai default Bentuk:
  • 12. By I Wayan Simpen Contoh: <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Makassar <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi </SELECT> Hasil:
  • 13. By I Wayan Simpen Tag Textarea <TEXTAREA NAME=Variabel" ROWS=n COLS=m></TEXTAREA> Keterangan: NAME = untuk menentukan variabel yang dipakai menerima data ROWS = Menentukan maksimum jumlah baris COLS = menentukan maksimum jumlah kolom Bentuk:
  • 14. By I Wayan Simpen Contoh: KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=5 COLS="50"></TEXTAREA> Hasil:
  • 15. By I Wayan Simpen Tag Buttom <INPUT TYPE="submit | reset | button " VALUE=Teks"> Keterangan: TYPE = untuk menentukan TYPE tombol VALUE= Menentukan Teks dari tombol Bentuk:
  • 16. By I Wayan Simpen Contoh: <INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT TYPE="reset" VALUE=" RESET "> Hasil:
  • 17. By I Wayan Simpen Contoh Lengkap <HTML> <HEAD> <TITLE>SURVEI PENGUNJUNG</TITLE> </HEAD> <BODY BGCOLOR="#c0c0c0"> <CENTER><H2><U>DATA PENGUNJUNG</U></H1> <FORM METHOD="post" ACTION="wyn@telkom.net"><B> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30">
  • 18. By I Wayan Simpen Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang
  • 19. By I Wayan Simpen Yang Menarik Perhatian Anda dalam Situs Ini :<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis<P>
  • 20. By I Wayan Simpen DARI MANA ANDA BERASAL : <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Makassar <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi
  • 21. By I Wayan Simpen </SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=5 COLS=50"></TEXTAREA> <P><INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT TYPE="reset" VALUE=" RESET "> </FORM> </body> </html>
  • 22. By I Wayan Simpen Hasil