Kita akan mencoba membuat konfirmasi password 2 langkah, jadi seperti ini teman-teman pasti pernah melihat saat buat akun baru biasanya, kita di minta menuliskan password atau kata sandi sebanyak 2 kali, biasanya ada petunjuk di form tersebut misalnya re-type password atau ketik ulang kembali. Tujuaanya adalah untuk mencocokan apakah password yang akan kita buat itu sudah sama atau belum. Teman-teman siap ya untuk mencoba membuatnya. Mari kita lakukan bersama.
Buat file index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
|
<?php
session_start();
if(empty($_SESSION["sesiku"])){
header("location: login.php");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>HOME | Kursus Web YELLOWWEB.ID</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Anton');
*{
padding: 0;
margin: 0;
}
body{
text-align: center;
font-family: 'Arial';
}
h1,h2 {
margin: 50px 0;
}
.brand{
font-size: 100px;
font-family: 'Anton', sans-serif;
background-color: #000000;
height: 150px;
color: #ffffff;
font-style: italic;
padding-top: 10px;
letter-spacing: 5px;
}
.yl{
color: #ffff00;
}
.wb{
color: #ffffff;
}
.ylbrand{
text-decoration: none;
}
.yl:hover{
color: #ffffff;
transition: 250ms;
}
.wb:hover{
color: #ffff00;
transition: 250ms;
}
</style>
</head>
<body>
<h1>SELAMAT DATANG</h1>
<h2>INGIN BELAJAR MEMBUAT WEBSITE, JANGAN RAGU UNTUK BELAJAR DENGAN KAMI :)</h2>
<h2 class="brand">
<a class="ylbrand" href="http://www.yellowweb.id" target="_blank"><span class="yl">YELLOW</span><span class="wb">WEB.ID</span></a>
</h2>
</body>
</html>
|
Kemudian file login.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<?php
session_start();
include "koneksi.php";
if(isset($_POST["masuk"])){
$us = $_POST["userku"];
$ps = $_POST["pass1"];
$ps2 = $_POST["pass2"];
$sql = "SELECT * FROM tbl_operator WHERE user='$us' AND pass='$ps'";
$query = mysql_query($sql) or die (mysql_error());
if(mysql_num_rows($query) > 0){
$data = mysql_fetch_array($query);
$_SESSION["sesiku"] = $data["user"];
$_SESSION["psesiku"] = $data["pass"];
header("location: index.php");
} elseif($ps != $ps2){
echo "password tidak sama";
} else {
echo "Gagal";
}
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<style>
body{
font-family: 'Arial';
font-size: 14px;
}
</style>
</head>
<body>
<h2>Login Dulu ya</h2>
<form action="" method="POST">
<table>
<tr>
<td>Username</td>
<td>:</td>
<td><input type="text" name="userku" placeholder="Masukkan Username"></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="pass1" placeholder="Masukkan Password"></td>
</tr>
<tr>
<td>retype - Password</td>
<td>:</td>
<td><input type="password" name="pass2" placeholder="Ketik Ulang Password"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<input type="submit" name="masuk" value="Masuk">
<input type="reset" name="reset" value="Clear">
</td>
</tr>
</table>
</form>
<p>Kunjungi situs kami di <a href="http://www.yellowweb.id" target="_blank">YELLOWWEB</a></p>
</body>
</html>
|
Untuk file koneksi.php
1
2
3
4
5
6
7
8
9
|
<?php
$server = "localhost";
$user = "root";
$pass = "";
$db = "db_log";
$con = mysql_connect($server, $user, $pass) or die (mysql_error());
$dbase = mysql_select_db($db, $con) or die (mysql_error());
|
dan databasenya, sebagai berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
-- phpMyAdmin SQL Dump
-- version 4.5.2
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: May 04, 2017 at 12:37 PM
-- Server version: 10.1.16-MariaDB
-- PHP Version: 5.6.24
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Database: `db_log`
--
-- --------------------------------------------------------
--
-- Table structure for table `tbl_operator`
--
CREATE TABLE `tbl_operator` (
`id_op` int(5) NOT NULL,
`user` varchar(100) NOT NULL,
`pass` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Dumping data for table `tbl_operator`
--
INSERT INTO `tbl_operator` (`id_op`, `user`, `pass`) VALUES
(1, 'admin', 'admin'),
(2, 'yellowweb', 'yellowweb');
--
-- Indexes for dumped tables
--
--
-- Indexes for table `tbl_operator`
--
ALTER TABLE `tbl_operator`
ADD PRIMARY KEY (`id_op`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `tbl_operator`
--
ALTER TABLE `tbl_operator`
MODIFY `id_op` int(5) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
|
Teman-teman selamat mencoba