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

Form Input HTML dan Frame

Siti Maesyaroh. M.Kom.

• Tag
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 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 Untuk membuat kotak masukan dengan fasilitas pemasukan data yang lebih banyak. ATRIBUT<br /> <br /> FUNGSI<br /> <br /> ROWS<br /> <br /> Untuk menentukan Banyaknya baris<br /> <br /> COLS<br /> <br /> Untuk menentukan banyaknya kolom<br /> <br /> 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><br /> <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><br /> <br /> • 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<br /> <br /> Fungsi<br /> <br /> ROWS<br /> <br /> Untuk membagi frame ke dalam beberapa baris<br /> <br /> COLS<br /> <br /> Untuk membagi frame ke dalam beberapa kolom<br /> <br /> BORDER<br /> <br /> Untuk menentukan ketebalan bingkai<br /> <br /> 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><br /> <br /> Atribut<br /> <br /> Fungsi<br /> <br /> SRC<br /> <br /> Untuk menentukan nama file/script yang akan ditampilkan<br /> <br /> NAME<br /> <br /> Untuk menentukan nama target/frame<br /> <br /> SCROLLING<br /> <br /> Untuk menentukan scroll bar, dimana atribut ini memiliki parameter Yes dan No Program kedua (kop.html) :<br /> <br /> 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><br /> <br /> <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" rel="nofollow">FKIP</a><br> <a href="fkom.html" target="tampil" rel="nofollow">FKOM</a><br> <a href="fe.html" target="tampil" rel="nofollow">FE</a><br> <a href="fhut.html" target="tampil" rel="nofollow">FHUT</a><br> </body> </html><br /> <br /> • Tag <IFRAME> Tag ini digunakan untuk membuat frame pada area tertentu dengan ukuran bisa ditentukan sesuai kebutuhan.<br /> <br /> Atribut<br /> <br /> Fungsi<br /> <br /> SRC<br /> <br /> Untuk menentukan nama file/script yang akan ditampilkan<br /> <br /> NAME<br /> <br /> Untuk menentukan nama frame<br /> <br /> WIDTH<br /> <br /> Untuk menentukan lebar frame<br /> <br /> HEIGHT<br /> <br /> Untuk menentukan tinggi frame<br /> <br /> 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" rel="nofollow">FKIP</a> <a href="fkom.html" target="tampil" rel="nofollow">FKOM</a> <a href="fe.html" target="tampil" rel="nofollow">FE</a> <a href="fhut.html" target="tampil" rel="nofollow">FHUT</a> </td> <td><iframe="tampil" width="100%" height="100%"></iframe></td> </tr> </table> </body> </html><br /> <br /> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form role="form" method="post" action="https://adoc.pub/report/form-input-html-dan-frame-siti-maesyaroh-mkom" style="border: none;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Report "Form Input HTML dan Frame. Siti Maesyaroh. M.Kom"</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Your name</label> <input type="text" name="name" required="required" class="form-control" /> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" required="required" class="form-control" /> </div> <div class="form-group"> <label>Reason</label> <select name="reason" required="required" class="form-control"> <option value="">-Select Reason-</option> <option value="pornographic" selected="selected">Pornographic</option> <option value="defamatory">Defamatory</option> <option value="illegal">Illegal/Unlawful</option> <option value="spam">Spam</option> <option value="others">Other Terms Of Service Violation</option> <option value="copyright">File a copyright complaint</option> </select> </div> <div class="form-group"> <label>Description</label> <textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;">

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

Recommend Documents