Form Input HTML dan Frame - Staff Universitas Kuningan
advertisement
Form Input HTML dan Frame Siti Maesyaroh. M.Kom. • Tag <FORM> Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan kebutuhan. ATRIBUT FUNGSI ACTION Untuk menentukan file target atau tujuan untuk memproses data selanjutnya NAME Untuk menentukan nama form METHOD Untuk menentukan metode pengiriman data (GET & POST) • Tag <INPUT> Tag ini digunakan untuk membuat kotak masukan atau pilihan untuk memasukkan data yang akan diproses. ATRIBUT PARAMETER TYPE TEXT PASSWORD FUNGSI Untuk membuat kotak masukan dengan type teks Untuk membuat kotak masukan dengan type password RADIO Untuk membuat masukan dalam bentuk pilihan, dimana nantinya user hanya bisa memilih satu pilihan saja CHECKBOX Untuk membuat masukan dalam bentuk pilihan, dimana nantinya user bisa memilih lebih dari satu pilihan SUBMIT Untuk membuat tombol proses, dimana nantinya data akan dibawa melalui URL BUTTON Untuk membuat tombol proses dimana nantinya data akan diproses pada script yang sama RESET HIDDEN Untuk mengembalikan form pada kondisi default Untuk membuat masukan data dimana nantinya proses pemasukan data tersebut tidak ditampilkan pada halaman web NAME Untuk menentukan nama dari tipe masukan data VALUE Untuk menentukan nilai pada tipe masukan data SIZE MAXLENGTH DISABLE Untuk menentukan panjang kotak masukan pada tipe “teks” Untuk menentukan panjang maksimal dari karakter yang bisa dimasukan Agar kotak masukan tidak dapat diproses ATRIBUT READ ONLY CHECKED PARAMETER FUNGSI Agar kotak masukan hanya dapat dibaca Untuk menentukan pilihan default pada type “radio” atau “checkbox” • Tag <TEXTAREA> Untuk membuat kotak masukan dengan fasilitas pemasukan data yang lebih banyak. ATRIBUT FUNGSI ROWS Untuk menentukan Banyaknya baris COLS Untuk menentukan banyaknya kolom Contoh : <html> <head> <title>Input Data</title> </head> <body> <center> DATA MAHASISWA </center> <form> Nama : <input type="text" size="10" maxlength="5"> <br> Prodi : <select name="prodi"> <option>TI</option> <option>SI</option> <option>MI</option> </select><br> Jenis Kelamin : <input type="radio" name="JK" value="L">Laki-laki<br> <input type="radio" name="JK" value="P">Perempuan<br> Hobi : <input type="checkbox" name="hobi">Basket<br> <input type="checkbox" name="hobi">Tenis Meja<br> <input type="submit" value="simpan"> <input type="reset" value="Batal"> </form> </body> </html> • Tag <FRAME> Merupakan fasilitas dalam HTML yang berfungsi untuk mengatur tampilan pada halaman web, sehingga halaman web akan terbagi menjadi beberapa bagian. Dengan adanya fasilitas frame, pada satu halaman bisa ditampilkan beberapa script sekaligus. Bentuk Perintah : <FRAMESET Atribut> Atribut Fungsi ROWS Untuk membagi frame ke dalam beberapa baris COLS Untuk membagi frame ke dalam beberapa kolom BORDER Untuk menentukan ketebalan bingkai Diantara tag <FRAMESET> terdapat tag <FRAME> yang berfungsi untuk menentukan file / script yang akan ditampilkan serta pengaturan lain yang berhubungan dengan frame. Bentuk Perintah : <FRAME Atribut> Atribut Fungsi SRC Untuk menentukan nama file/script yang akan ditampilkan NAME Untuk menentukan nama target/frame SCROLLING Untuk menentukan scroll bar, dimana atribut ini memiliki parameter Yes dan No Program kedua (kop.html) : Program pertama : <html> <head> <title>FRAME</title> </head> <frameset rows="30%, *" border="0"> <frame src="kop.html"> <frameset cols="30%, *" border="0"> <frame src="menu.html" border="0"> <frame src="index.html" name="tampil" scrolling="no"> </frameset> </frameset> </html> <html> <head> <title>FRAME</title> </head> <body> <center>UNIVERSITAS KUNINGAN<br> Jl. Cut Nyak Dhien Cijoho Kuningan<br></center> </body> </html> Program ketiga (menu.html) : <html> <head> <title>FRAME</title> </head> <body> <a href="fkip.html" target="tampil">FKIP</a><br> <a href="fkom.html" target="tampil">FKOM</a><br> <a href="fe.html" target="tampil">FE</a><br> <a href="fhut.html" target="tampil">FHUT</a><br> </body> </html> • Tag <IFRAME> Tag ini digunakan untuk membuat frame pada area tertentu dengan ukuran bisa ditentukan sesuai kebutuhan. Atribut Fungsi SRC Untuk menentukan nama file/script yang akan ditampilkan NAME Untuk menentukan nama frame WIDTH Untuk menentukan lebar frame HEIGHT Untuk menentukan tinggi frame Contoh : <html> <head> <title>IFRAME</title> </head> <body> <table border="0" width="600"> <tr> <td colspan="2"> <center>UNIVERSITAS KUNINGAN<br> Kampus 1 : Jl. Cut Nyak Dhien Cijoho<br> Kampus 2 : Jl. Pramuka No. 68 Kuningan<br> </center></td> </tr> <tr> <td>FAKULTAS<br> <a href="fkip.html" target="tampil">FKIP</a> <a href="fkom.html" target="tampil">FKOM</a> <a href="fe.html" target="tampil">FE</a> <a href="fhut.html" target="tampil">FHUT</a> </td> <td><iframe="tampil" width="100%" height="100%"></iframe></td> </tr> </table> </body> </html>
