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.



style="display:block"
data-ad-client="ca-pub-8831837670047990"
data-ad-slot="2614898869"
data-ad-format="auto">




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

Post a Comment

Lebih baru Lebih lama