Scribd
Upload
10 views

!DOCTYPE. html form

Uploaded by

haniprajapati0811
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
10 views

!DOCTYPE. html form

Uploaded by

haniprajapati0811
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>HTML Registration Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.main {
background-color: #fff;
border-radius: 15px;
box-shadow: 0 0 20px raga(0, 0, 0, 0.2);
padding: 20px;
width: 300px;
}

.main h2 {
color: #4caf50;
margin-bottom: 20px;
}

label {
display: block;
margin-bottom: 5px;
color: #555;
font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="password"],
select {
width: 100%;
margin-bottom: 15px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 5px;
}

button[type="submit"] {
padding: 15px;
border-radius: 10px;
border: none;
background-color: #4caf50;
color: white;
cursor: pointer;
width: 100%;
font-size: 16px;
}
</style>
</head>

<body>
<div class="main">
<h2>Registration Form</h2>
<form action="">
<label for="first">Document Name:</label>
<input type="text" id="first" name="first" required />

<label for="last">Document description:</label>


<input type="text" id="last" name="last" required />

<label for="email">Document upload:</label>


<input type="email" id="email" name="email" required />

<label for="gender">Document:</label>
<select id="gender" name="gender" required>
<option value="male">
Document Name
</option>
<option value="female">
Document description
</option>
<option value="other">
Document upload
</option>

</select>08112001

<button type="submit">
Submit

</button>
<button type="submit">
cancel

</form>
</div>
</body>

You might also like