<!DOCTYPE html>
<html>
<head>
<h2 style=" position: relative;
left: 150px;">Registration</h2>
<style>
body{
border: 3px solid green;
width:500px;
padding: 20px;
}
.fstnm{
padding: 5px;
margin: 2px;
border-radius:5px;
float: center;
}
input[type="text"]{
padding: 2px;
border-radius:10px;
width:200px;
}
button[type="button"]{
border-radius:5px;
padding: 2px;
width:200px;
border: 3px solid green;
float: center;
margin: 15px;
}
.center{
position: relative;
left: 130px;
}
</style>
</head>
<body>
<div class="fstnm">
<input type="text" placeholder="First name" name="First name">
<input type="text" placeholder="Surname" name="Surname"><br><br>
</div>
<form class="center">
<label for="email"><b>Email</b></label><br>
<input type="text" placeholder="email" name="email"><br><br>
<label for="password" ><b>password</b></label><br>
<input type="text" placeholder="password" name="passwoed"><br><br>
<label for="Re-Enter password"><b>Re-password</b></label><br>
<input type="text" placeholder="Re-password" name="Re-password"><br><br>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other<br>
<button type="button" onclick="alert('Registration succesfull')">Submit</button>
</form>
</body>
</html>
Use css to make input box alignment
ReplyDelete