Activity-9 Aman
Activity-9 Aman
Registration Number=12407063
CODE:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-
scale=1.0">
<title>Document</title>
</head>
<style>
body{
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
#maindiv{
background-color: rgba(245, 232, 203,
0.596);
width: 50%;
border-radius: 15px;
}
h1{
text-align: center;
}
form{
padding: 40px;
text-align: left;
}
label{
display: block;
margin-top: 10px;
font-size: 20px;
font-weight: bold;
color: black;
}
input[type="text"],input[type="email"],
input[type="password"],select{
width: 100%;
height: 40px;
margin: 2px;
border: none;
}
textarea{
width: 100%;
}
input[type="submit"]{
background-color: green;
color: white;
font-weight: bold;
padding: 20px;
border-radius: 10px;
width: 100%;
}
input[type="submit"]:hover{
background-color: rgb(102,6,6);
transform: scale(1.05);
cursor: pointer;
}
</style>
<body>
<center>
<div id="maindiv">
<form name="myform">
<h1>Registration Form</h1>
<label for="name">Name</label>
<input type="text" name="name"
id="name" placeholder="">
<br><br>
<label for="Email">Email</label>
<input type="email" name="email"
id="email" placeholder="">
<br><br>
<label
for="Password">Password</label>
<input type="password"
name="password"
id="password">
<br><br>
<label for="Gender">Gender </label>
<select name="Gender" id="Gender">
<option
value="select">select</option>
<option
value="male">Male</option>
<option
value="female">Female</option>
<option
value="other">Other</option>
</select>
<br><br>
<label for="Bio">Bio: </label>
<textarea name="Bio" id="Bio"
cols="20" rows="5">
</textarea>
<br><br>
OUTPUT: