FRAME FORM DAN INPUT

≈ Halaman 55 ≈

BAB X FRAME

Frame adalah elemen dalam HTML yang digunakan untuk membangun halaman web yang memungkinkan penampilan beberapa halaman web di dalam satu jendela browser. Model ini sering digunakan untuk memperjelas penyajian informasi. Tidak semua browser dapat mendukung frame, hanya internet explorer 3.0 keatas dan netscape navigator 2.0 keatas yang dapat menampilkan frame. Sintaks : frameset border=n {{rowcols]}={n,[n[,..]]} frame src=”url” name=”nama frame” frameset Dimana n adalah nilai yang digunakan untuk menf=definisikan frame. Tag-tag pada frame : Tag Fungsi frameset frameset Mendefinisikan himpunan frame frameframe Mendefinisikan suatu subwindow frame noframes Mendefinisikan suatu session tanpa frame, untuk browser yang tidak mendukung frame Iframeiframe Mendefinisikan inline frame Target frame : Nama target frame Fungsi _self Digunakan bila target frame adalah ditempat link berada. _top Digunakan bila target frame adalah window tempat frame berada _parent Target frame adalah setingkat diatas frame link berada. _blank Digunakan bila akan membuka window baru. ≈ Halaman 56 ≈ Iframeinline frame : Dengan inline frame, memungkinkan pemrogram web untuk membuat frame window yang mengambang, frame ini berlaku seperti suatu text box, jika browser emlakukan scrool, maka frame juga aka ikut ter-scroll. Sintaks : iframe name=”nama_frame” src=”url” rows=n cols=n iframe Contoh inline frame : html body iframe src=web.txtiframe body html Tampilan dari script diatas : Gambar 10.1 : tampilan iframe ≈ Halaman 57 ≈ Contoh pengaplikasian frame : frameset framespacing=0 border=0 rows=64,,79 frameborder=0 frame name=top scrolling=no noresize target=contents src=atas.htm frameset cols=150, frame name=contents target=main src=kiri.htm frame name=main src=utama.htm scrolling=no frameset frame name=bottom scrolling=no noresize target=contents src=bawah.htm frameset Tampilan dari script diatas adalah : Gambar 10.2 : tampilan frame ≈ Halaman 58 ≈

BAB XI FORM DAN INPUT

Form merupakan elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman web. Sintaks : form action=” URL “ method=”getpost” enctype=”” form Keterangan : 1. Atribut action digunakan untuk mendefinisikan URL yang akan digunakan sebagai pemroses field input form. URL adalah lokasi dokumen yang akan melakukan proses terhadap input dari form. 2. Pemroses dari form bisa berupa suatu file web, ataupun berupa email : Contoh Sintaks : Action berupa file action=”proses_simpan.php Action berupa alamat email action= mailto:asihwinantugmail.com 3. Method adalah atribut yang digunakan untuk menyatakan bagaimana masukan-masukan dari form dikirimkan ke proram CGI common gateway interface suatu program yang berada di web server Jenis masukan dalam suatu form dibedakan menjadi : Text : digunakan untuk memasukkan suatu nilai untuk dikirimkan ke server. Nilai bisa berupa angka atau teks. Text Area : digunakan untuk memasukkan data dalam bentuk teks yang jumlah karakternya banyak. Radio : menyediakan beberapa pilihan, hanya satu pilihan yang bisa dipilih. Check Box : menyediakan beberapa pilihan, bisa lebih dari satu pilihan. List : pilihan dalam bentuk list., pilihan dapat lebih dari satu. File : untuk menyediakan tombol browse file, untuk inputan yang berupa file Button : mendefinisikan tombol untuk melakukan pemrosesan form. o Submit : untuk memenggil url, setelah selesai penginputan form. o Reset : untuk menginisialisasi setiap elemen form. o Button : untuk memebuat form lebih interaktif, untuk memanggil script fungsi yang ada dalam dokumen HTML. o Image : digunakan sebagai pengganti button, button yang berbentuk gambar. ≈ Halaman 59 ≈ Contoh penggunaan form : html head titleformulirtitle head body pbFormulir Pendaftaran Kursusbp form method=POST action= simpan.php name=”form_kursus” table width=100 tr tdNamatd td:td tdinput type=text name=nama size=39td tr tr tdJenis Kelamintd td:td tdinput type=radio value=L checked name=jklLaki- laki input type=radio name=jkl value=pPerempuantd tr tr tdAlamattd td:td tdinput type=text name=alamat size=39td tr tr tdPropinsitd td:td tdselect size=1 name=propinsi optionJawa Baratoption optionJawa Tengahoption optionJawa Timuroption selecttd tr tr tdPilihan Kursustd td:td ≈ Halaman 60 ≈ tdinput type=checkbox name=kursus value=inggrisBahasa Inggrisbr input type=checkbox name=kursus value=komputerKomputertd tr tr tdFototd td:td tdinput type=file name=foto value=fototd tr table pinput type=submit value=Submit name=Bsubmit input type=reset value=Reset name=Bresetp form body html ≈ Halaman 61 ≈ Tampilan di browser : Gambar 11.1 : tampilan form di browser ≈ Halaman 62 ≈

BAB XII JAVASCRIPT