iliketurtles
New member
As you can see the user can pick a timeslot to make an appointment. When he presses submit the form must perform an action(which I still have to add), and that action must load (I'd imagine) a Javascript timetable which updates the timetable and adds his details to the time he picked.
There must be 3 timetables for Day 1, Day 2, Day 3... can someone explain how I can do this, because I don't know any javascript?
<html>
<head>
<title>Form Example</title>
</head>
<body>
<form action="">
<b>Student Name :</b> <input type="text">
<br>
<br>
<b>Candidate Number :</b> <input type="integer"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select>
<option>1
<option>2
<option>3
</select>
<br>
<br>
<b>Time:</b>
<select>
<option>09:00
<option>09:30
<option>10:00
<option>10:30
<option>11:00
<option>11:30
<option>12:00
<option>12:30
<option>14:00
<option>14:30
<option>15:00
<option>15:30
<option>16:00
<option>16:30
<option>17:00
<option>17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="submit" value="submit">
</form>
</body>
</html>How can I use this HTML form, to create a Timetable in Javascript?
As you can see the user can pick a timeslot to make an appointment. When he presses submit the form must perform an action(which I still have to add), and that action must load (I'd imagine) a Javascript timetable which updates the timetable and adds his details to the time he picked.
There must be 3 timetables for Day 1, Day 2, Day 3... can someone explain how I can do this, because I don't know any javascript?
<html>
<head>
<title>Form Example</title>
</head>
<body>
<form action="">
<b>Student Name :</b> <input type="text">
<br>
<br>
<b>Candidate Number :</b> <input type="integer"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select>
<option>1
<option>2
<option>3
</select>
<br>
<br>
<b>Time:</b>
<select>
<option>09:00
<option>09:30
<option>10:00
<option>10:30
<option>11:00
<option>11:30
<option>12:00
<option>12:30
<option>14:00
<option>14:30
<option>15:00
<option>15:30
<option>16:00
<option>16:30
<option>17:00
<option>17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="submit" value="submit">
</form>
</body>
</html>
There must be 3 timetables for Day 1, Day 2, Day 3... can someone explain how I can do this, because I don't know any javascript?
<html>
<head>
<title>Form Example</title>
</head>
<body>
<form action="">
<b>Student Name :</b> <input type="text">
<br>
<br>
<b>Candidate Number :</b> <input type="integer"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select>
<option>1
<option>2
<option>3
</select>
<br>
<br>
<b>Time:</b>
<select>
<option>09:00
<option>09:30
<option>10:00
<option>10:30
<option>11:00
<option>11:30
<option>12:00
<option>12:30
<option>14:00
<option>14:30
<option>15:00
<option>15:30
<option>16:00
<option>16:30
<option>17:00
<option>17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="submit" value="submit">
</form>
</body>
</html>How can I use this HTML form, to create a Timetable in Javascript?
As you can see the user can pick a timeslot to make an appointment. When he presses submit the form must perform an action(which I still have to add), and that action must load (I'd imagine) a Javascript timetable which updates the timetable and adds his details to the time he picked.
There must be 3 timetables for Day 1, Day 2, Day 3... can someone explain how I can do this, because I don't know any javascript?
<html>
<head>
<title>Form Example</title>
</head>
<body>
<form action="">
<b>Student Name :</b> <input type="text">
<br>
<br>
<b>Candidate Number :</b> <input type="integer"> <!--integer???-->
<br>
<br>
<b>Choose a timeslot:</b>
<br>
<br>
<b>Day :</b>
<select>
<option>1
<option>2
<option>3
</select>
<br>
<br>
<b>Time:</b>
<select>
<option>09:00
<option>09:30
<option>10:00
<option>10:30
<option>11:00
<option>11:30
<option>12:00
<option>12:30
<option>14:00
<option>14:30
<option>15:00
<option>15:30
<option>16:00
<option>16:30
<option>17:00
<option>17:30
</select>
<br>
<br>
<b>Special Need</b> <input type="checkbox">
<br>
<br>
<input type="submit" value="submit">
</form>
</body>
</html>