Cara Membuat form diatas dengan html dan memasukan datanya ke database mysql dengan php adalah sebagai berikut
Untuk tampilan biarkan saja kaku seperti ini dulu, kita konsen ke fungsi dalam memproses data ke database ya... :)
Untuk itu sekarang mari kita buat sebuah database di mysql bernama tutorial_php
dengan script seperti ini
CREATE DATABASE `tutorial_php`
kemudian buat sebuah table bernama mahasiswa dengan script seperti ini
CREATE TABLE `mahasiswa` (
`id` INT(11) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NULL DEFAULT NULL,
`gender` ENUM('Male','Female') NULL DEFAULT NULL,
`email` VARCHAR(25) NULL DEFAULT NULL,
`ttl` VARCHAR(25) NULL DEFAULT NULL,
`alamat` VARCHAR(250) NULL DEFAULT NULL,
`agama` VARCHAR(15) NULL DEFAULT NULL,
`hobi` VARCHAR(35) NULL DEFAULT NULL,
`no_hp` VARCHAR(20) NULL DEFAULT NULL,
PRIMARY KEY (`id`)
)
ENGINE=InnoDB;
Kemudian buat sebuah folder (nama bebas) dalam hal ini folder saya bernama tutorial_php
kemudian buat sebuah file bernama index.php dan isi dengan code ini
<?php
$conn = new mysqli('localhost','root','','tutorial_php');
if(isset($_POST['submit'])){
$sql = $conn->prepare(
"
INSERT INTO mahasiswa
(
nama,
gender,
email,
ttl,
alamat,
agama,
hobi,
no_hp
)
VALUES
(?,?,?,?,?,?,?,?)
"
);
$nama = $_POST['nama'];
$gender = $_POST['gender'];
$email = $_POST['email'];
$ttl = $_POST['ttl'];
$alamat = $_POST['alamat'];
$agama = $_POST['agama'];
$hobi = $_POST['hobi'];
$hp = $_POST['hp_1'] . $_POST['hp_2'];
$sql->bind_param("ssssssss", $nama, $gender, $email, $ttl, $alamat,$agama,$hobi,$hp);
if($sql->execute()){
Header('Location: index.php');
}else{
echo "ada Error";
}
$sql->close();
$conn->close();
}
?>
<form method="POST" action="">
<table>
<tr>
<td>
Nama :
</td>
<td>
<input type="text" placeholder="Nama" name="nama">
</td>
</tr>
<tr>
<td>
Gender :
</td>
<td>
<input type="radio" name="gender" value="Male">Male
<input type="radio" name="gender" value="Female">Female
</td>
</tr>
<tr>
<td>
Email :
</td>
<td>
<input type="text" placeholder="Email" name="email">
</td>
</tr>
<tr>
<td>
TTL :
</td>
<td>
<input type="text" placeholder="TTL" name="ttl">
</td>
</tr>
<tr>
<td>
Alamat :
</td>
<td>
<input type="mail" placeholder="Alamat" name="alamat">
</td>
</tr>
<tr>
<td>
Agama :
</td>
<td>
<select name="agama">
<option>Islam</option>
<option>Kristen</option>
<option>Protestan</option>
<option>Hindu</option>
<option>Budha</option>
</select>
</td>
</tr>
<tr>
<td>
Hobi :
</td>
<td>
<input type="text" placeholder="Hobi" name="hobi">
</td>
</tr>
<tr>
<td>
No HP :
</td>
<td>
<select name="hp_1">
<option>+62</option>
<input type="phone" placeholder="" name="hp_2">
</select>
</td>
</tr>
<tr>
<td>
<input type="Submit" value="Submit" name="submit">
</td>
</tr>
</table>
</form>
<br/>
<table border="1">
<tr>
<th>Nama</th>
<th>Gender</th>
<th>Email</th>
<th>TTL</th>
<th>Alamat</th>
<th>Agama</th>
<th>Hobi</th>
<th>No.HP</th>
</tr>
<?php
$sql = "SELECT * FROM mahasiswa";
$result = $conn->query($sql);
if ($result->num_rows > 0) :
while($row = $result->fetch_assoc()) :
?>
<tr>
<td>
<?php
echo $row['nama']
?>
</td>
<td>
<?php
echo $row['gender']
?>
</td>
<td>
<?php
echo $row['email']
?>
</td>
<td>
<?php
echo $row['ttl']
?>
</td>
<td>
<?php
echo $row['alamat']
?>
</td>
<td>
<?php
echo $row['agama']
?>
</td>
<td>
<?php
echo $row['hobi']
?>
</td>
<td>
<?php
echo $row['no_hp']
?>
</td>
</tr>
<?php
endwhile;
endif;
?>
</table>
kemudian akses browser dengan url masing masing
localhost/tutorial_php
dan mulai test untuk memasukan data dari form sehingga seperti ini
Untuk pembahasan melalui video dapat akses di youtube saya di link ini :
https://youtu.be/o3VFZsn6nF8
untuk hasil nya bisa di download disini
https://drive.google.com/file/d/1WpV_mkqSw9M0IMmyxxrtjsAAirG9I1oQ/view
https://drive.google.com/file/d/1WpV_mkqSw9M0IMmyxxrtjsAAirG9I1oQ/view
Input data dengan HTML + PHP + MYSQL
Onesinus Tamba
Rabu, 06 Juni 2018
