Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA” INTERNET (Praktikum) Pertemuan ke 5 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Membuat Form Form dalam HTML merupakan hal yang paling penting khususnya utk pembuatan aplikasi berbasis web. Form menyediakan properti masukan yang dapat berupa textbox, checkbox, radio button, dan button. Secara umum penggunaan form adalah sebagai berikut : <form>. . . . . .</form>
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Textbox <input type=“text”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel Value Isinya secara default
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Password <input type=“password”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Hidden <input type=“hidden”> Atribut Fungsi Atribut size Ukuran textbox, default 20 maxsize Banyaknya karakter yg dapat dimasukkan Name Nama variabel
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Checkbox <input type=“checkbox”> Atribut Fungsi Atribut Name Nama variabel value Nilai dari variabel checked Menunjukkan bahwa secara default telah dichecklis
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Radio Button <input type=“radio”> Atribut Fungsi Atribut Name Nama variabel value Nilai dari variabel checked Menunjukkan bahwa secara default telah dichecklis
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Push Button <input type=“button”> Atribut Fungsi Atribut Name Nama variabel value Label text di tombol
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Submit <input type=“submit”> Atribut Fungsi Atribut Name Nama variabel value Label text di tombol
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Image Submit <input type=“image” src=“namafile”> Select <select> . . . </select> Daftar isian yang dapat dipilih Atribut Fungsi Atribut Name Nama variabel value Label text di tombol
Membuat Form Bentuk-bentuk masukan pada form adalah sebagai berikut : Reset <input type=“reset”> Text Area <input type=“textarea”> Atribut Fungsi Atribut value Label text di tombol Atribut Fungsi Atribut Name Nama variabel rows Jumlah baris cols Jumlah kolom
<html><head><title>Pembuatan Form</title></head> <body> <center> <h3> Form Pengisian Jati Diri </h3> <form> <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="145">Nama</td> <td width="15">:</td> <td colspan="2"><input type="hidden" name="kode"> <input type="text" name="nama" size="45" maxlength="50"></td> </tr> <td valign="top">Alamat</td> <td valign="top">:</td> <td colspan="2"><textarea name="alamat" cols="50" rows="4"></textarea></td>
<tr> <td>Jenis Kelamin</td> <td>:</td> <td width="135"><input type="radio" name="jeniskel" value="Pria"> Pria</td> <td width="305"><input type="radio" name="jeniskel" value="Wanita"> Wanita</td> </tr> <td>Pekerjaan</td> <td colspan="2"> <select name="pekerjaan"> <option>Pilih <option value="pelajar">pelajar</option> <option value="mahasiswa">mahasiswa</option> <option value="pns">pegawai negeri</option> <option value="karyawan swasta">karyawan swasta</option> </select></td>
<tr> <td>Warga Negara </td> <td>:</td> <td colspan="2"><select name="country"> <option >Pilih</option> <optgroup label="Africa"> <option value="gam">Gambia</option> <option value="mad">Madagascar</option> <option value="nam">Namibia</option> </optgroup> <optgroup label="Europe"> <option value="fra">France</option> <option value="rus">Russia</option> <option value="uk">UK</option> <optgroup label="North America"> <option value="can">Canada</option> <option value="mex">Mexico</option> <option value="usa">USA</option> </select></td> </tr>
<tr> <td>Hoby</td> <td>:</td> <td><input type="checkbox" name="hobby" value="olahraga" checked>olahraga</td> <td><input type="checkbox" name="hobby" value="musik">musik</td> </tr> <td> </td> <td><input type="checkbox" name="hobby" value="komputer"> komputer</td> <td><input type="checkbox" name="hobby" value="nonton"> nonton</td>
<tr> <td>Password</td> <td>:</td> <td colspan="2"><input type="password" maxlength="10" class="required" name="password" id="password" size="15" /></td> </tr> <td>Unggah Foto </td> <td colspan="2"><input type="file" name="foto"></td> <td> </td> <td colspan="2"> </td> <td colspan="4" align="center"><input type="button" name="Kirim" value="Push Button"><input type="image" src="menu.jpg"name="kirim" value="Kirim"><input type="submit" value="Submit"> <input type="reset" value="reset"></td> </table></form></center></body></html>