Scribd
Upload
47 views2 pages

Registration Form

The document contains a registration form with fields for name, email, password, and gender. It includes styling for the form layout and fields. Upon form submission, JavaScript can be used to validate the form data and submit it to a server.

Uploaded by

NIRANJAN BEHERA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
47 views2 pages

Registration Form

The document contains a registration form with fields for name, email, password, and gender. It includes styling for the form layout and fields. Upon form submission, JavaScript can be used to validate the form data and submit it to a server.

Uploaded by

NIRANJAN BEHERA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}

form {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
display: block;
margin-bottom: 8px;
}

input, select {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}

button {
background-color: #4caf50;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background-color: #45a049;
}
</style>
<title>Registration Form</title>
</head>
<body>

<form id="registrationForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>

<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>

<button type="submit">Register</button>
</form>

<script>
// You can add JavaScript for form validation or submission here
document.getElementById('registrationForm').addEventListener('submit', function
(event) {
event.preventDefault();

// Add your logic for form submission/validation here


// For example, you can retrieve form values using:
// var name = document.getElementById('name').value;
// var email = document.getElementById('email').value;
// ...

// Once you have the form data, you can send it to a server or perform other
actions.
});
</script>

</body>
</html>

You might also like