I've got the html and CSS code for a sign up and login system on a website but I don't know how to then store the information inputted into an SQL database and then retrieve that data when a user wants to login again.
This is the HTML:
<!DOCTYPE html>
<html>
<head>
<title>Sign Up | By Code Info</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="signup-box">
<h1>Sign Up</h1>
<h4>It's free and only takes a minute</h4>
<form>
<label>First Name</label>
<input type="text" placeholder="" />
<label>Last Name</label>
<input type="text" placeholder="" />
<label>Email</label>
<input type="email" placeholder="" />
<label>Password</label>
<input type="password" placeholder="" />
<label>Confirm Password</label>
<input type="password" placeholder="" />
<input type="button" value="Submit" />
</form>
<p>
By clicking the Sign Up button,you agree to our <br />
<a href="#">Terms and Condition</a> and <a href="#">Policy Privacy</a>
</p>
</div>
<p class="para-2">
Already have an account? <a href="login.html">Login here</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Login | By Code Info</title>
<link rel="stylesheet" href="Css/style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="login-box">
<h1>Login</h1>
<form>
<label>Email</label>
<input type="email" placeholder="" />
<label>Password</label>
<input type="password" placeholder="" />
<input type="button" value="Submit" />
</form>
</div>
<p class="para-2">
Not have an account? <a href="signup.html">Sign Up Here</a>
</p>
</body>
</html>
This is the HTML:
<!DOCTYPE html>
<html>
<head>
<title>Sign Up | By Code Info</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="signup-box">
<h1>Sign Up</h1>
<h4>It's free and only takes a minute</h4>
<form>
<label>First Name</label>
<input type="text" placeholder="" />
<label>Last Name</label>
<input type="text" placeholder="" />
<label>Email</label>
<input type="email" placeholder="" />
<label>Password</label>
<input type="password" placeholder="" />
<label>Confirm Password</label>
<input type="password" placeholder="" />
<input type="button" value="Submit" />
</form>
<p>
By clicking the Sign Up button,you agree to our <br />
<a href="#">Terms and Condition</a> and <a href="#">Policy Privacy</a>
</p>
</div>
<p class="para-2">
Already have an account? <a href="login.html">Login here</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Login | By Code Info</title>
<link rel="stylesheet" href="Css/style.css" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="login-box">
<h1>Login</h1>
<form>
<label>Email</label>
<input type="email" placeholder="" />
<label>Password</label>
<input type="password" placeholder="" />
<input type="button" value="Submit" />
</form>
</div>
<p class="para-2">
Not have an account? <a href="signup.html">Sign Up Here</a>
</p>
</body>
</html>