arun9216684797
2/21/2018 - 9:14 AM

SIMPLE FORM IN HTML

html css form

form.html
content_copyfile_download
HTML
<!DOCTYPE html>
<html>
<body>
  <div class="formBox">
  <div class="formHead">
    <h2>Try Your <span class="free">Free</span> Trail Today</h2>
  </div>
<form action="/action_page.php">
  

  <input type="text" name="firstname" value="Name">
  <br>
 <br>
  <input type="email" name="email" value="Email">
  <br>
  <br>
  <input type="password" name="pass" value="Password">
  <br>
  <input  class="submit"  type="submit" value="Get started">
</form> 
</div>
</body>
</html>
CSS
*{ margin: 0;
padding: 0;}
.formBox{
  text-align: center;
  padding: 20px 0;
  background-color:#ffffff;
  height: 363px;
  width: 363px;
}
.formHead h2{
  margin: 20px auto;
}
.free{
  text-transform: uppercase;
  color: #ff387a;
}
form{
  margin: 30px 0;
  text-align: center;
}
form input{
  border: none;
  padding:10px;
  width: 80%;
  margin: 1px 0;
  border:none;
  border-bottom: 1px solid #000000;
  
}

.submit{
      border: none;
    width: 100%;
  margin-top: 50px;
  height: 50px;
  background-color:#ff387a;
}