Form - Real Helper

Abdulwadud Oluwa

1629

How to create a form

 <!DOCTYPEhtml> 
<html>
 <head> 
  <title>form</title>
   </head>
  <body>
    <form>
    <div>
  <h2>Login</h2>
     <input type="text" placeholder="Your Name"><p>
     <input type="email" placeholder="Youremail">
  <p>
     <input type="password" placeholder="password">
  <p>
    
     <input type="submit" value="submit">
      
    </div>
  </form>  
    </body>
  
  </html>

Try it Yourself >>

body{
  background: green;
  
} 
form{
  background: white;
  padding:17px;
  width:170px;
  margin-left: 15%;
  
}
h2{color:green;
}
input{
  color: green;
  
}
input[type="submit"]
{
  background: green;
  color: white;
  width: 150px;
  margin-left: 20px;
}
input[type="submit"]:hover
{
  background: white;
  color:white;
}

Try it Yourself >>