Society/Search.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Room Booking</title>
  <meta name="viewport" content="width=1024">
  <link rel="stylesheet" type="text/css" media="screen" href="../styles.css" />
  <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
  <link rel="manifest" href="../site.webmanifest">
  <link rel="mask-icon" href="../safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
  <script src="main.js"></script>
</head>
<body>

<div class="container">
  <h1>Room Booking</h1>
  <h2>With Hull University</h2>

    <div class="form">
      <form action= "Search.php" method="GET" id="Search" name="Search";>
        <fieldset class="form-fieldset ui-input __first">
          <input type="Number" min="0" max="999999999" placeholder="Student ID" readonly = "readonly" name="StudentID" id =  "StudentID"/>
        </fieldset>


        <script>
        var local = localStorage.getItem("LoginID");
       document.getElementById("Search").elements.namedItem("StudentID").value = local;
        </script>

        <div class="switch-field">
                        <input type="radio" id="switch_3_left" name="Selection" value="Week" checked/>
                        <label for="switch_3_left">Week</label>
                        <input type="radio" id="switch_3_center" name="Selection" value="Now" />
                        <label for="switch_3_center">Now</label>
                           <input type="radio" id="switch_3_right" name="Selection" value="All" />
                        <label for="switch_3_right">All</label>
                      </div>
                      <div class="form-footer">
                        <button class="btn">Submit</button>
                      </div>
      </form>
    </div>
  </div>
  </body>

      <div class="mainmessage">

        <ul>
            <li><a href="SocietyPortal.html">Home</a></li>
            <li><a href="Avalible.html">Find Available Rooms</a></li>
            <li><a class="active" href="Search.html">My Timetable</a></li>
            <li><a href="../index.html" onclick="logoutclear()">Logout</a></li>
          </ul>
          <script>
          var logoutclear = function()
          {
            localStorage.clear();
          }
          </script>

</div>
</html>