RIO ANDRIYAT KRISDIAWAN, M.KOM

RIO ANDRIYAT KRISDIAWAN, M.KOM

 Form biasanya digunakan untuk melakukan

interaksi dengan pengunjung web, misalnya untuk mendapatkan komentar pengunjung, melakukan pendaftaran suatu keanggotaan tertentu, dan lain Sebagainya.  Bentuk umum :

….. …..

 Semua Input HTML, diletakan diantara

.

Umumnya, dalam 1 dokumen memiliki 1 dengan banyak komponen input HTML di dalamnya. Input HTML adalah komponenkomponen yang terdapat dalam HTML yang digunakan untuk memasukan input data.  Bentuk umum input HTML :

1. TEXT Komponen text ini biasanya dipakai untuk melakukan pendaftaran account di kolom nama,dll. Adapun Komponen text ini hanya dapat digunakan untuk menuliskan kata dalam satu baris saja. Bentuk Penulisan NAMA :

Keterangan :  Name  identitas yang digunakan untuk diproses selanjutnya  type  jenis komponen form  Value  Nilai dari komponen

2. TEXTBOX/Text Area Textbox ini biasanya dipakai ketika kita diminta memasukkan inputan dalam jumlah karakter yang panjang seperti ketika menginputkan alamat atau memasukkan komentar di suatu website. Dalam textbox jumlah karakter yang dapat dimasukkan bisa lebih dari satu baris. Bentuk Penulisan :

ALAMAT : <textarea> </form><br /> <br /> Keterangan :  Name  identitas yang digunakan untuk diproses selanjutnya  Row  panjang / tinggi textbox  Cols  lebar textbox  Value  Nilai dari komponen<br /> <br /> 3. Radio Button Radio Button ini merupakan komponen form yang mana membuat user harus memilih salah satu pilihan yang tersedia. Contoh penggunaanya adalah untuk inputan jenis kelamin, dll. Bentuk Penulisan <form method=”POST” action=”form.php”> JENIS KELAMIN : <input name=”gender” type =”radio” value=”1”>LakiLaki</input> <input name=”gender” type =”radio” value=”2”>Perempuan</input> </form><br /> <br /> Keterangan :  Name  identitas yang digunakan untuk diproses selanjutnya  Type  jenis komponen form  Value  variabel tambahan yang digunakan untuk editing yang lebih spesifik  NB : untuk membuat komponen form dapat diproses pastikan pada variabel name isinya sama namun berbeda di variabel value nya<br /> <br /> 4. Select Komponen select adalah komponen pemilihan. Dalam Select ini user akan diminta memilih satu pilihan dari beberapa pilihan yang ditampilkan secara dropdown. Biasanya digunakan untuk memasukkan tanggal lahir, dll Bentuk Penulisan : Prodi: <select name=”prodi”> <option value=”Teknik Informatika S1″>TI S1</option> <option value=”Sistem Informasi S1″>SI S1</option> </select><br /> <br /> Keterangan :  Name  identitas yang digunakan untuk diproses selanjutnya  Value  variabel tambahan yang digunakan untuk editing yang lebih spesifik  NB : untuk membuat komponen form dapat diproses pastikan variabel value nya berbeda<br /> <br /> 5. Check Box Check box ini memiliki tampilan yang hampir mirip dengan Radio Button, namun di Check Box ini kita dapat memilih lebih dari satu pilihan yang tersedia. Penggunaanya dapat ditemui di isian Hobby,dll dalam sebuah form pendaftaran. Bentuk Penulisan : <input type="checkbox" name="checkbox" id="checkbox"> Sepak Bola<br> <input type="checkbox" name="checkbox2" id="checkbox2"> Berenang<br> <input type="checkbox" name="checkbox3" id="checkbox3"> Membaca<br /> <br /> Keterangan :  Name  identitas yang digunakan untuk diproses selanjutnya  Type  jenis komponen form  Value  variabel tambahan yang digunakan untuk editing yang lebih spesifik  NB : sama seperti Radio Button, untuk membuat komponen form dapat diproses pastikan pada variabel name isinya sama namun berbeda di variabel value nya<br /> <br /> 6. Input File Input file memiliki tampilan seperti input text, tetapi memiliki tombol untuk menentukan file yang akan dimasukan. Input file berfungsi untuk user berinteraksi memasukan file yang akan dikirim. Bentuk Penulisan : <input type="file" name="file1"><br /> <br /> 7. Hidden Control Memungkinkan penulis untuk memasukkan suatu informasi tertentu ke dalam halaman web yang nantinya akan dikirim kembali ke server tanpa ada bentuk inputan yang ditampilkan di halaman web. Bentuk Penulisan :<br /> <br /> <input type="hidden" name="g" value="data sisipan"><br /> <br /> 6. Button Button yang terdiri dari Submit dan Reset. Submit merupakan komponen form yang digunakan untuk mengirim data inputan menuju proses selanjutnya sementara Reset adalah komponen form yang digunakan untuk menghapus semua data yang telah dimasukkan oleh user Bentuk Penulisan : <input type="submit" name="OK" id="OK" value="Submit"><br /> <br /> Keterangan :  Name identitas yang digunakan untuk diproses selanjutnya  Type  jenis komponen form  Value  teks yang akan tertampil di button submit dan reset<br /> <br /> 1. Methode GET Metode GET mengirimkan data pada server dengan cara meletakkannya pada bagian URL.<br /> <br /> 1. Methode POST Methode POST adalah mengirimkan data pada server pada baris permintaan (body of request) bukan pada URI. Sehingga pengiriman Data Lebih Aman.<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/rio-andriyat-krisdiawan-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 "RIO ANDRIYAT KRISDIAWAN, 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;">