Sebelumnya saya akan menjelaskan sedikit tentang Form isian atau borang dalam istilah bahasa Indonesianya, dapat kalian buat di halaman web kalian untuk berbagai macam keperluan. Misalnya untuk aplikasi buku tamu, login, registrasi, dan lain sebagainya. Dibanding skill pelajaran html lainnya seperti membuat paragraf atau memasukkan gambar, membuat form relatif lebih sulit. Untuk itu kalian sebaiknya membaca setiap petunjuk disini agar lebih mudah memahami cara membuat form ini.
1. Buka dulu Editplus yang kalian punya, kalao tidak punya cari dulu di google.
2. Masukan kode dibawah ini ke Editplus.
<HTML>
<HEAD></HEAD>
<body>
<form method="POST" action="proses_simpan_mahasiswa.php">
<center><table border=1><br>
<tr><td colspan=3>Input Data Mahasiswa</td></tr>
<tr>
<td>Id</td>
<td>:</td>
<td><input type="text" name="id">
</td></tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama">
</td></tr>
<tr>
<td>Sekolah</td>
<td>:</td>
<td>
<select name="sekolah">
<option value="-">pilih </option>
<option value="STMIK SUBANG">STMIK SUBANG</option>
<option value="UNPAD">UNPAD</option>
<option value="UNSUB">UNSUB</option>
<option value="UGM">UGM</option>
<option value="UPI">UPI</option>
</select>
</tr>
</td>
<tr>
<td>Jurusan</td>
<td>:</td>
<td><input type="radio" name="jurusan" value="Informatika">Informatika
<input type="radio" name="jurusan" value="Mesin">Mesin
<input type="radio" name="jurusan" value="Psiologi">Psikologi
</tr></td>
<tr>
<td>Deskripsi Jurusan</td>
<td>:</td>
<td><textarea name="des_jurusan" rows=5 cols=30> </textarea></tr>
<tr><td colspan=3>
<input type="submit" name="submit" value="simpan">
<input type="reset" name="reset" value="reset">
</td>
</tr>
</center>
</table>
</form>
</body>
</html>
3. Setelah memasukan kode diatas kemudian save dengan format.html
4. Kemudian untuk menjalankanya cari file tadi yang sudah di save klik kanan klik open white googel chrom atau mozila.
5.Hasilnya akan seperti dibawah ini :
Sekian Cara membuat form di HTML. Hasil diatas anda bisa kembangkan lagi, semoga berhasil.
0 comments:
Post a Comment