Wednesday, 27 November 2019

Registration form



<!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>

RUN CODE


1 comment: