<style type="text/css">
<!--
body,td,th {
    font-family: Arial;
    color: #FFFFFF;
}
body {
    background-color: #000000;
}
-->
</style>
<div align="center">
<form method="post" name="login" id="login" action="login-test4.php">
<div align="center">
  <table width="354" height="43" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#333333">
    <tr>
      <td width="135" height="18"><span class="style3">Username : </span></td>
        <td width="210"><input name="username" type="text" class="textarea" id ="username" value="" size="35" maxlength="20" /></td>
      </tr>
    <tr>
      <td height="22"><span class="style3">Password : </span></td>
        <td><input name="password" type="password" class="textarea" id ="password" value="" size="35" maxlength="20" /></td>
      </tr>
  </table>
</div>
<p align="center">
<input type="button" id="submit" name="groovybtn1" class="groovybutton" value="Log in">
</form>

<?php

// connecting
$con = mysql_connect("localhost", "151287", "mrwhite");
mysql_select_db("151287") or die(mysql_error());

echo "<br /><br />Connected to Database succesfuly";

//starting session

if ( ($_POST['username'] != NULL) && ($_POST['password'] != NULL) )
{

//getting name + pass for later

$name = $_POST['username'];
$password = $_POST['password'];

// selecting data
$sql = "SELECT * FROM members
 WHERE username='$name' AND user_password='$password'";
$result = mysql_query($sql, $con) or die(mysql_error());

if (mysql_num_rows($result) == 1)
{
echo "Welcome $name !";
}
else
{
echo "Wrong username or password!";
}
}
?>

</div>