EXPERIMENT 6
OBJECTIVE:
(a) Design a signup d Login form using HTML Form and interconnect them.
(b) Create registration form using textbox, checkbox, radio buttons, submit button and
other Form elements.
<!-- signup.html -->
<!DOCTYPE html>
<html>
<head>
<title>Signup Form</title>
</head>
<body>
<h2>Create Your Account</h2>
<form action="/submit-registration" method="post">
<!-- Textbox for Full Name -->
<label for="fullname">Full Name:</label><br>
<input type="text" id="fullname" name="fullname" required><br><br>
<!-- Textbox for Email -->
<label for="email">Email Address:</label><br>
<input type="email" id="email" name="email" required><br><br>
<!-- Textbox for Password -->
<label for="password">Create Password:</label><br>
<input type="password" id="password" name="password" required><br><br>
<!-- Radio Buttons for Gender -->
<label>Gender:</label><br>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label><br><br>
<!-- Checkbox for Terms and Conditions -->
<input type="checkbox" id="terms" name="terms" value="accepted" required>
<label for="terms">I agree to the <a href="#">Terms and Conditions</a></label><br><br>
<!-- Submit Button -->
<input type="submit" value="Sign Up">
</form>
<hr>
<p>Already have an account? <a href="login.html">Login here</a>.</p>
</body>
</html>
<!-- login.html -->
<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<body>
<h2>Login to Your Account</h2>
<form action="/submit-login" method="post">
<!-- Textbox for Email -->
<label for="login_email">Email Address:</label><br>
<input type="email" id="login_email" name="email" required><br><br>
<!-- Textbox for Password -->
<label for="login_password">Password:</label><br>
<input type="password" id="login_password" name="password" required><br><br>
<!-- Submit Button -->
<input type="submit" value="Login">
</form>
<hr>
<p>Don't have an account? <a href="signup.html">Sign up now</a>.</p>
</body>
</html>
