TopFrame.html

<!DOCTYPE HTML>
<head>
   <title>Web Controlled Car</title>
</head>

<body>
   <h1>Select a command for the web-controlled car:<h1>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="F">
    <input type="submit" value="INCREASE SPEED">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="B">
    <input type="submit" value="DECREASE SPEED">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="L">
    <input type="submit" value="TURN LEFT">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="R">
    <input type="submit" value="TURN RIGHT">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="S">
    <input type="submit" value="STOP">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="I">
    <input type="submit" value="DISABLE SERIAL CONTROL and ENABLE INFRARED CONTROL">
</form>

<form action="/cgi-bin/send_serial_instruction.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="I">
    <input type="submit" value="ENABLE RANGE FINDER AND RECEIVE DATA">
</form>

<form action="cgi-bin/send_serial_instrcution.py" method="POST" target="bottomFrame">
    <input type="hidden" name="instruction" value="I">
    <input type="submit" value="DISABLE RANGE FINDER AND STOP CAR">
</form>

</body>
</html>