FORM STYLING IN CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>forms</title>
</head>
<style>
body {
margin: 0;
padding: 0;
}
.csf {
display: flexbox;
text-align: center;
background-color: rgb(216, 216, 216);
height: 400px;
width: 550px;
padding: 90px 0px 0px 15px;
margin-left: 40%;
margin-top: 10%;
border-radius: 2px;
border: 2px solid;
font-size: 19px;
}
input {
margin: 10px;
height: 19px;
width: 190px;
}
</style>
<body>
<div class="csf">
<form action="">
<label for="fname">Enter the first name</label>
<input type="text" placeholder="" required /><br />
<label for="lname">Enter the last name</label>
<input type="text" placeholder="" required /><br />
<label for="">Contact no</label>
<input type="number" required /><br />
<label for="">User email</label>
<input type="email" /><br />
<label for="subs">Choose subscription model</label><br />
<div class="slip">
<input type="radio" id="Weekly" value="Weekly" name="drone" />
<label for="Weekly">Weekly</label><br />
<input type="radio" id="Monthly" value="Monthly" name="drone" />
<label for="Monthly">Monthly</label><br />
<input type="radio" id="Annualy" value="Annualy" name="drone" />
<label for="Annualy">Annualy</label>
</form>
</div>
</div>
</body>
</html>
Comments
Post a Comment