Skip to content

Instantly share code, notes, and snippets.

@KOUISAmine
Last active February 10, 2017 19:50
Show Gist options
  • Save KOUISAmine/d84f0c497a4528ca9dc71474c32be288 to your computer and use it in GitHub Desktop.
Save KOUISAmine/d84f0c497a4528ca9dc71474c32be288 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<?php
require 'connect.php';
?>
<html lang = "eng">
<head>
<meta charset = "UTF-8" />
</head>
<body style="background-color: #DCDCDC">
<center><h2>Création d'un formulaire de connexion en Php avec MySQLi / jQuery</h2></center>
<div id = "content">
<form method = "POST">
<table>
<tr>
<td><label>Nom d'utilisateur :</label></td>
<td><input type = "text" id = "username"></td>
</tr>
<tr>
<td><label>Mot de passe :</label></td>
<td><input type = "password" id = "password"></td>
</tr>
<tr>
<td colspan = "2"><br /></td>
</tr>
<tr>
<td></td>
<td style = "text-align:right;"><button type = "button" style = "width:100px;" id = "login">Connexion</button></td>
</tr>
<tr>
<td colspan = "2"><div id = "result"></div></td>
</tr>
</table>
</form>
</div>
</body>
<script src = "jquery-3.1.1.js"></script>
<script src = "login.js"></script>
</html>
<style>
#content{
background-color: #1E90FF;
width:340px;
height:110px;
margin: 50px auto;
padding:11px;
border-radius:2px;
-webkit-box-shadow:0px 0px 30px 3px #000;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment