Form.html

<!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>
    <script type= " text/javascript"> 
    <!--
function hello(){
  alert("Welcome to JS")
}

    -->
    
    </script>
</head>

<body>

  <form action="">
    <div class="lower" style="width: 50%; height:500; margin-left: 29%" >


    <h1 class="heading">Registration Form</h1>
    <fieldset>
      User Id: <input type="text" placeholder="required and must be of length 5 to 12 " ><p></p>
      <a style="margin-left: 6px" >Password: <input type="password" name="" id="" placeholder=""><p></p>
      <a style="margin-right: 12px" ></a> Name: <input type="text" id="Name" placeholder="" style="width: 40%;" > <p></p>
      Address: <input type="Option" placeholder="option" style="width: 40%;" ><p></p>
      Country:
      <select name="Country" id="Country">
          <option value="Selc">(please elect a Country)</option>
          <option value="UK">United Kingdom</option>
          <option value="US">United States</option>
          <option value="UG">Uganda</option>
          <option value=""></option>

      </select><p></p>
      ZIP Code: <input type="text"><p></p>
      <a style="margin-right: 15px" ></a>Email: <input type="email" name="" id=""> <p></p>

      Sex: <input type="radio" name="male" id="sex" value="sex">Male
       <input type="radio" name="male" id="sex" value="sex">Female
       <p></p>
       Language: <input type="checkbox" name="english" value="English" id="" checked >English
       <input type="checkbox" name="english" value="English" id="" english >Non-English <p></p>
       About: <b>
       <input type="text" style="width: 50%; height: 150px; margin-left: 43px; " placeholder="optional"><p></p>
       <input type="submit" value="submit" style="margin-left: 350px"  onclick="hello()">

  </div>

</form>

    </fieldset>
       
    
</body>
</html>