Kali ini saya akan share cara membuat form dengan salah satu inputan menggunakan radio button, text box, text option button dan lain lain. Dalam tutorial kali ini saya membuat form pendaftaran siswa yang nantinya akan di simpan ke dalam database. Nah berikut struktur tabel databasenya dengan nama db_sekolah
no
|
Field
|
Type
|
Extra
|
1
|
no_pendaftaran
|
Int(10) – Primary key
|
Auto Increment
|
2
|
nama
|
Varchar(50)
| |
3
|
jenis_kelamin
|
Varchar(20)
| |
4
|
agama
|
Varchar(20)
| |
5
|
nama_ortu
|
Varchar(50)
| |
6
|
no_telp
|
Bigint(14)
| |
7
|
alamat
|
text
|
<html>
<head>
<title>Form Pendaftaran Siswa Baru</title>
<body>
<head>
<title>Form Pendaftaran Siswa Baru</title>
<body>
<hr width=25%> <!--garis-->
<center><h1>Form Pendaftaran Siswa Baru</h1></center><hr width=75%>
<form name="pendaftaran" method="POST" action="aksi.php">
<table border=0 align="center">
<tr>
<td> Nama </td>
<td><input type="text" name="nama" maxlength=50></td>
</tr>
<tr>
<td> Jenis Kelamin </td>
<td><input type="radio" name="jk" value="Laki-laki">Laki-Laki <input type="radio"
name="jk" value="perempuan">Perempuan
</tr>
<td> Jenis Kelamin </td>
<td><input type="radio" name="jk" value="Laki-laki">Laki-Laki <input type="radio"
name="jk" value="perempuan">Perempuan
</tr>
<tr>
<td> Agama </td>
<td><select name="agama" size=1> <option value="Islam"> Islam </option>
<option value="Kristen">Kristen</option>
<option value="budha">Katolik</option>
<option value="hindu">Hindu</option>
<option value="budha">Budha</option>
</select></td>
</tr>
<td> Agama </td>
<td><select name="agama" size=1> <option value="Islam"> Islam </option>
<option value="Kristen">Kristen</option>
<option value="budha">Katolik</option>
<option value="hindu">Hindu</option>
<option value="budha">Budha</option>
</select></td>
</tr>
<tr>
<td> Nama Orang Tua </td>
<td><input type="text" name="ortu" maxlength=45></td>
</tr>
<td> Nama Orang Tua </td>
<td><input type="text" name="ortu" maxlength=45></td>
</tr>
<tr>
<td> No Telpon </td>
<td><input type="text" name="no_telp" maxlength=12></td>
</tr>
<td> No Telpon </td>
<td><input type="text" name="no_telp" maxlength=12></td>
</tr>
<tr>
<td> Alamat </td>
<td><textarea name="alamat"></textarea></td>
</tr>
<td> Alamat </td>
<td><textarea name="alamat"></textarea></td>
</tr>
<tr>
<td><input type="submit" value="Simpan"> <input type="reset" value="Cancel"></td>
</tr>
<td><input type="submit" value="Simpan"> <input type="reset" value="Cancel"></td>
</tr>
</table>
</form>
<hr width=25%> <!--garis-->
</form>
<hr width=25%> <!--garis-->
</body>
</head>
</html>
</head>
</html>
Membuat scrip koneksi.php
<?php
$dbhost="localhost";
$dbuser="root";
$dbpadd="root";
$dbname="db_sekolah";
$dbuser="root";
$dbpadd="root";
$dbname="db_sekolah";
mysql_connect($dbhost, $dbuser, $dbpass) or die("Server tidak terkoneksi");
mysql_select_db($dbname) or die("database tidak terkoneksi");
mysql_select_db($dbname) or die("database tidak terkoneksi");
?>
Membuat scrip aksi.php
<?php
session_start();
include "koneksi.php";
$no;
$nama = $_POST['nama'];
$agama = $_POST['agama'];
$ortu = $_POST['ortu'];
$no_telp = $_POST['no_telp'];
$alamat = $_POST['alamat'];
session_start();
include "koneksi.php";
$no;
$nama = $_POST['nama'];
$agama = $_POST['agama'];
$ortu = $_POST['ortu'];
$no_telp = $_POST['no_telp'];
$alamat = $_POST['alamat'];
$query = "insert into pendaftaran values ('$no','$nama','$jk','$agama','$ortu','$no_telp','$alamat')";
$exe=mysql_query($query);
$exe=mysql_query($query);
Echo “data sudah tersimpan “;
?>
Jika script telah di buat coba jalankan di xampp dengan nama folder form di dalam httpdoc, lakukan proses penyimpanan data bisa tersimpan ke dalam database atau belum. Semoga turorial sederhana ini bisa berguna...
1 Comments
Terima kasih kak atas blog nya sangat bagus dan mudah dipahami kak,kak mau nnya bagai mana cara menampilkan jenis kelamin pakai radio kak? Dan terus berkarya kak terima kasih.Perkenalkan nama Andrian Antonius nim 1922500215 ling Kampus saya https://www.atmaluhur.ac.id/
ReplyDelete