Untitled
unknown
html
2 years ago
3.7 kB
17
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Form</title>
<style>
* {
font-weight: bold;
}
body {
background-color: rgba(238, 77, 13, 0.945);
color: rgb(255, 250, 250);
}
form {
margin: 0 auto;
width: 45%;
border-top: 3px solid white;
border-bottom: 3px solid white;
border-left: transparent;
border-right: transparent;
border-style: double;
border-radius: 15px;
height: auto;
font-size: 15px;
margin-top: 4%;
font-weight: bold;
}
h2 {
margin-top: 30px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
label {
display: inline-block;
text-align: right;
width: 40%;
margin-top: 20px;
margin: 15px;
border: hidden;
}
input {
padding: 5px;
border: hidden;
}
button {
margin-top: 20px;
border-radius: 3px;
padding: 5px;
width: 25%;
color: rgb(248, 89, 16);
font-family: Verdana, Geneva, Tahoma, sans-serif;
border: hidden;
}
.btn {
text-align: right;
margin-right: 45px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div>
<form class="form-horizontal">
<div>
<h1>Create your Account</h1>
</div>
<div>
<label for="name">Name : </label>
<input type="text" placeholder="Enter Name">
</div>
<div>
<label for="email">Email : </label>
<input type="email" placeholder="Enter Email">
</div>
<div>
<label for="age">Age : </label>
<input type="number" placeholder="Enter Age" max="100" min="1">
</div>
<div>
<label for="birthdate">Birthdate : </label>
<input type="date">
</div>
<div>
<label for="grad">Graduated in : </label>
<select name="grad" id="grad">
<option value="btech">B.Tech</option>
<option value="be">BE</option>
<option value="barch">B.Arch</option>
<option value="bca">BCA</option>
</select>
</div>
<div>
<label for="phone">Phone : </label>
<input type="text" placeholder="Phone" pattern="[7-9]{1}[0-9]{9}">
</div>
<div>
<label for="username">User Name : </label>
<input type="text" placeholder="Enter username here">
</div>
<div>
<label for="pwd">Password : </label>
<input type="password" placeholder="Enter password here">
</div>
<div>
<label for="pwd">Confirm Password : </label>
<input type="password" placeholder="Enter password here">
</div>
<div class="btn">
<button>Clear form</button>
<button>Create Account</button>
</div>
</form>
</div>
</body>
</html>Editor is loading...