Form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <br></br>

    <form>
      <h2>For Your ITI:</h2>
      <label for="exampleDataList" class="form-label">Preferred city:</label>
<input class="form-control" list="datalistOptions" id="city" placeholder="Type to search...">
<datalist id="datalistOptions">
  <option value="baroda">
  <option value="Ahemdabad">
  <option value="Surat">
  <option value="Rajkot">
  <option value="Junagadh">
</datalist>
<br>

<div class="mb-3">
  <label for="Percentage" class="form-label">Your Percentage:</label>
  <input type="number" class="form-control" id="percentage">
</div>


     
     
      <div class="mb-3">
          <label for="question3" class="form-label">Field Of Interest:</label>
          <input class="form-control" list="Courselist" id="knowfor" placeholder="Type to search...">
<datalist id="Courselist">
  <option value="CE">
  <option value="Mech">
  <option value="EC">
  <option value="Civil">
  <option value="Electrical">
          
      </div>
      <button type="submit" class="btn btn-primary" id="KnowITI">Submit</button>
      <script >
        document.getElementById("KnowITI").onclick = function () {
          window.location.href = "http://localhost:5500/hackthon/RequiredITI.html";
        };
        </script>
    
  </form>
    

      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
    
</body>
</html>