Form example


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

<style>
.myform
{
    width: 400px;
    height:500px;
    background: gray;
    margin: 0px auto;
    border: 10px solid red;
    padding: 10px;
}

</style>

</head>
<body>

<form class="myform" >

  <h5>what's your username?</h5>  <input  type="text" />
  <br/>
  <h5>what's your password?</h5>   <input  type="password" />
  <h5>what do you like to eat?</h5>
  <input type="checkbox" />pizza
  <br/>

  <input type="checkbox" />burger
  <br/>
  <input type="checkbox" />salad

  <h5>what's your gender?</h5>
  <input type="radio"  name="gender"  /> Male
  <br/>
  <input type="radio"  name="gender"   /> Female

  <br/>  <br/>

  <input type="button" value="send me!" />
</form>

</body>
</html>