Scribd
Upload
4 views2 pages

Program 4

The document is an HTML registration form that includes fields for name, email, password, and gender selection. It features a user-friendly design with styled input fields and a submit button. The form is structured using a table layout and includes basic styling for aesthetics.

Uploaded by

flytechi13579
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
4 views2 pages

Program 4

The document is an HTML registration form that includes fields for name, email, password, and gender selection. It features a user-friendly design with styled input fields and a submit button. The form is structured using a table layout and includes basic styling for aesthetics.

Uploaded by

flytechi13579
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">
<title>Registration Form</title>
<style>
body {
background-color: #f0f8ff; /* AliceBlue */
font-family: Arial, sans-serif;
text-align: center;
}
table {
margin: auto;
border-collapse: collapse;
width: 50%;
}
td {
padding: 10px;
}
input, select {
padding: 8px;
font-size: 1em;
}
.input-text {
background-color: #fffacd; /* LemonChiffon */
}
.input-email {
background-color: #e0ffff; /* LightCyan */
}
.input-password {
background-color: #ffe4e1; /* MistyRose */
}
.input-gender {
background-color: #98fb98; /* PaleGreen */
}
.submit-button {
font-size: 16px;
color: white;
background-color: #4682b4; /* SteelBlue */
border: none;
padding: 10px 20px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Registration Form</h1>
<table>
<tr>
<td><label for="name">Name:</label></td>
<td><input type="text" id="name" class="input-text" required /></td>
</tr>
<tr>
<td><label for="email">Email:</label></td>
<td><input type="email" id="email" class="input-email" required /></td>
</tr>
<tr>
<td><label for="password">Password:</label></td>
<td><input type="password" id="password" class="input-password"
required /></td>
</tr>
<tr>
<td><label for="gender">Gender:</label></td>
<td>
<select id="gender" class="input-gender">
<option value="">Select...</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">
<button type="submit" class="submit-button">Register</button>
</td>
</tr>
</table>
</body>
</html>

You might also like