Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Ukuran: px

Mulai penontonan dengan halaman:

Download "Form Input HTML dan Frame. Siti Maesyaroh. M.Kom."

Veronika Cahyadi
7 tahun lalu
Tontonan:

1 Form Input HTML dan Frame Siti Maesyaroh. M.Kom.

2 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.

3 ATRIBUT PARAMETER FUNGSI TYPE TEXT Untuk membuat kotak masukan dengan type teks NAME VALUE SIZE MAXLENGTH DISABLE PASSWORD RADIO CHECKBOX SUBMIT BUTTON RESET HIDDEN Untuk membuat kotak masukan dengan type password Untuk membuat masukan dalam bentuk pilihan, dimana nantinya user hanya bisa memilih satu pilihan saja Untuk membuat masukan dalam bentuk pilihan, dimana nantinya user bisa memilih lebih dari satu pilihan Untuk membuat tombol proses, dimana nantinya data akan dibawa melalui URL Untuk membuat tombol proses dimana nantinya data akan diproses pada script yang sama Untuk mengembalikan form pada kondisi default Untuk membuat masukan data dimana nantinya proses pemasukan data tersebut tidak ditampilkan pada halaman web Untuk menentukan nama dari tipe masukan data Untuk menentukan nilai pada tipe masukan data Untuk menentukan panjang kotak masukan pada tipe teks Untuk menentukan panjang maksimal dari karakter yang bisa dimasukan Agar kotak masukan tidak dapat diproses

4 ATRIBUT PARAMETER FUNGSI READ ONLY CHECKED 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 ROWS COLS FUNGSI Untuk menentukan Banyaknya baris Untuk menentukan banyaknya kolom

5 Contoh : <title>input Data</title> <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>

6 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 ROWS COLS Fungsi Untuk membagi frame ke dalam beberapa baris 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>

SRC NAME Atribut Fungsi Untuk menentukan nama file/script yang akan ditampilkan Untuk menentukan nama target/frame SCROLLING Untuk menentukan scroll bar, dimana atribut ini memiliki parameter Yes dan

7 SRC NAME Atribut Fungsi Untuk menentukan nama file/script yang akan ditampilkan Untuk menentukan nama target/frame SCROLLING Untuk menentukan scroll bar, dimana atribut ini memiliki parameter Yes dan No Program kedua (kop.html) : Program pertama : <title>frame</title> <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> <title>frame</title> <body> <center>universitas KUNINGAN<br> Jl. Cut Nyak Dhien Cijoho Kuningan<br></center> </body> Program ketiga (menu.html) : <title>frame</title> <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>

8 Tag <IFRAME> Tag ini digunakan untuk membuat frame pada area tertentu dengan ukuran bisa ditentukan sesuai kebutuhan. SRC NAME Atribut Fungsi Untuk menentukan nama file/script yang akan ditampilkan Untuk menentukan nama frame WIDTH HEIGHT Untuk menentukan lebar frame Untuk menentukan tinggi frame

9 Contoh : <title>iframe</title> <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>

dokumen-dokumen yang mirip

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat