Scribd
Upload
4 views

vichi code

The document is an HTML template for a registration form that includes fields for first name, middle name, last name, course selection, gender, phone number, address, email, and password confirmation. It features a responsive design with CSS styling for a clean and user-friendly interface. The form requires certain fields to be filled out before submission.

Uploaded by

Himmat Singh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

vichi code

The document is an HTML template for a registration form that includes fields for first name, middle name, last name, course selection, gender, phone number, address, email, and password confirmation. It features a responsive design with CSS styling for a clean and user-friendly interface. The form requires certain fields to be filled out before submission.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.form-container {
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 100%;
max-width: 400px;
}
h2 {
text-align: center;
margin-bottom: 20px;
}
label {
display: block;
margin-top: 10px;
}
input, select {
width: 100%;
padding: 10px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.gender-options {
display: flex;
justify-content: space-between;
margin-top: 5px;
}
.gender-options label {
margin-right: 10px;
}
button {
width: 100%;
padding: 12px;
margin-top: 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
}
button:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="form-container">
<h2>Registration Form</h2>
<form>
<label for="fname">First Name:</label>
<input type="text" id="fname" name="fname" required>

<label for="mname">Middle Name:</label>


<input type="text" id="mname" name="mname">

<label for="lname">Last Name:</label>


<input type="text" id="lname" name="lname" required>

<label for="course">Course:</label>
<select id="course" name="course" required>
<option value="">Select</option>
<option value="bba">BBA</option>
<option value="mba">MBA</option>
<option value="btech">B.Tech</option>
</select>

<label>Gender:</label>
<div class="gender-options">
<label><input type="radio" name="gender" value="male" required> Male</label>
<label><input type="radio" name="gender" value="female"> Female</label>
<label><input type="radio" name="gender" value="other"> Other</label>
</div>

<label for="phone">Phone No.:</label>


<input type="tel" id="phone" name="phone" placeholder="+91" required>

<label for="address">Address:</label>
<input type="text" id="address" name="address">

<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="confirm-password">Re-type password:</label>


<input type="password" id="confirm-password" name="confirm-password" required>

<button type="submit">Submit</button>
</form>
</div>
</body>
</html>

You might also like