Below is the "HTML code for the registration form in Notepad". You can use these codes for your purpose.
This code is highlighted in blue color. So, just copy and paste it into the HTML page.
-----------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h1>Registration Form</h1>
<form action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<label for="confirm_password">Confirm Password:</label>
<input type="password" id="confirm_password" name="confirm_password" required><br><br>
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="18" max="100" required><br><br>
<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="">Select Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select><br><br>
<label for="interests">Interests:</label><br>
<input type="checkbox" id="reading" name="interests[]" value="reading">
<label for="reading">Reading</label><br>
<input type="checkbox" id="sports" name="interests[]" value="sports">
<label for="sports">Sports</label><br>
<input type="checkbox" id="music" name="interests[]" value="music">
<label for="music">Music</label><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
----------------------------------------------------------------------------------
This form includes input fields for name, email, password, age, gender, and interests.
It also includes validation to ensure that all required fields are filled out and that the password and confirm password fields match.
When the form is submitted, it will send the data to a PHP script called submit.php, which you would need to create to process the form data.
No comments:
Post a Comment