Hey guy's I was wondering can someone teach me how to make a Login Page and Registration page... Can someone please help me :) Also I am using a mac how would I test this? I hear use my localhost how would I do this?

Recommended Answers

By login page, do you mean the design or the code or both?

Jump to Post

All 4 Replies

By login page, do you mean the design or the code or both?

if you looking for a great resource on how to code a basic layout of a login and registration page. I followed this Login Form - Webdesign.tutsplus.com it was great. The only thing it doesn't have was to turn that registration and login form to a working form where it contacts the database.

Yes I can help you in design as well as code. Tell me what kind of help do you need?


Follow this tutorial, I will use mysql as there are still so many wanna be programmers who are using it. But we will sanitize it so it will still look secured.

Let us prepare our database table.

Database name: login
Database table: member

Using phpMyAdmin, create a database called "login".

Now select the database that you have created. Click on the SQL tab and paste the following sql code.

CREATE TABLE `login`.`member` (
  `username` VARCHAR(30) NOT NULL, 
  `password` CHAR(128) NOT NULL, 
  `email` VARCHAR(50) NOT NULL, 
  `salt` CHAR(128) NOT NULL
) ENGINE = InnoDB;

Create a Registration Form called "registration.html". For the meantime let's use table for our design.

<!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<form name="register" action="register.php" method="post">
    <table width="510" border="0">
            <td colspan="2"><p><strong>Registration Form</strong></p></td>
            <td><input type="text" name="username" maxlength="20" /></td>
            <td><input type="password" name="password1" /></td>
            <td>Confirm Password:</td>
            <td><input type="password" name="password2" /></td>
            <td><input type="text" name="email" id="email" /></td>
            <td><input type="submit" value="Register" /></td>

Now create registration script called "register.php".

First, let us receive the data from our registration form.

//retrieve our data from POST
$username = $_POST['username'];
$password1 = $_POST['password1'];
$password2 = $_POST['password2'];
$email = $_POST['email'];

if($password1 != $password2)
    header('Location: registration.html');

if(strlen($username) > 30)
    header('Location: registration.html');
    $hash = hash('sha256', $password1);

function createSalt()
    $text = md5(uniqid(rand(), true));
    return substr($text, 0, 3);

$salt = createSalt();
$password = hash('sha256', $salt . $hash);
$conn = mysql_connect('localhost', 'root', '');
mysql_select_db('login', $conn);

//sanitize username
$username = mysql_real_escape_string($username);

$query = "INSERT INTO member ( username, password, email, salt )
        VALUES ( '$username', '$password', '$email', '$salt' );";


header('Location: login.php');
Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.