Membuat Form Login Menggunakan .php - Chil97 - All About IT

Membuat Form Login Menggunakan .php

1. buka aplikasi XAMPP control panel, kemudian klik start untuk semua modules.
2. Buka aplikasi notepad, notepad++, dreamweaver, atau aplikasi yang bisa digunakan untuk membuat code php.
3. Ketikkan kode dibawah ini untuk membuat form login pada aplikasi yang anda gunakan , dalam hal ini saya menggunakan notepad++.
<html>
<head><title> Login Here </title>
<style type="text/css">
<!--
.style1 {
color: #00FFFF
}
.style2 {color: #0000FF}
.style3 {
color: #00FF00;
font-family: "catull BQ";
font-weight: bold;
}
.style4 {font-family: Yahoo}
.style5 {font-size: 18px}
.style6 {color: #FFFF00}
.style7 {
color: #0000FF;
font-family: "catull BQ";
font-weight: bold;
}
-->
</style>
</head>
<body>
<FORM ACTION ="proses05.php" METHOD ="POST" NAME = "input">
<h2>L<span><span class="style6">o</span>g<span class="style6">i</span>n</span> <span class="style2">H</span><span class="style5">e<span class="style2">r</span>e..</span> </h2>
<span class="style7">Username               :</span>
<input type = "text" name = "username"> <br>
<span class="style3">Password                : </span>
<input type = "password" name = "password">
<br>
<input name="Login" type="submit" value="Login">
<input name="reset" type="reset" value="Reset">
</form>
</body>
</html>

4. Simpan file dengan nama “login.php” ( tanpa tanda petik “ “)
Pada kotak save in, pilih drive C:  , kemudian pilih folder xampp ,, kemudian buka folder htdocs, kemudian buat folder dengan nama latihan , kemudian klik save.

5. Buat file baru, lalu ketikkan code dibawah ini untuk form action = “proses05.php”
<style type="text/css">
<!--
body {
background-color: #0000FF;
background-image: url(xp-to-linux-fedora.jpg);
background-repeat: repeat-x;
margin-left: 50px;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
}
body,td,th {
font-family: catull BQ;
font-weight: bold;
}
-->
</style><?php
if (isset($_POST ['Login'])){
$username = $_POST ['username'];
$pass = $_POST ['password'];
if ($username == "admin" && $pass == "123"){
echo "<h2><font color ='gold'><i>Login success<i></font></h2>";
}
else {
echo "<h1><font color='red'><i>Login Failed</i></font></h1>";
}
}
?><title>Output</title>

6. Simpan file dengan nama “proses05.php” ( tanpa tanda petik “ “)
Pada kotak save in, pilih drive C:  , kemudian pilih dan buka folder xampp ,, kemudian buka folder htdocs, kemudian buat folder dengan nama latihan , kemudian klik save.
7.  Buka browser, terserah browser apa saja.,ketik pada address bar : “localhost/latihan/login.php” , kemudian klik enter
Membuat Form Login Menggunakan .php Membuat Form Login Menggunakan .php Reviewed by Iwanda Kusuma on 07:15 Rating: 5

No comments:

RPL 2 community. Powered by Blogger.