The code for form.html is: <!DOCTYPE html> <html lang="en"> <head> <title>Form examples</title> <meta charset="utf-8"> <link href="style.css" rel="stylesheet"> </head> <body> <h1>Form examples</h1> <fieldset> <legend>Simple form - the method will be get</legend> <form action="https://cst.ridgewater.edu/Tools/FormEcho/"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"><br> <input type="submit" value="Submit"> </form> </fieldset> <fieldset> <legend>Radio Buttons</legend> Choose your favorite Web language: <form id="radio" action="https://cst.ridgewater.edu/Tools/FormEcho/"> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label><br> <input type="submit" value="Submit"> </form> </fieldset> <fieldset> <legend>Checkboxes</legend> The <strong>input type="checkbox"</strong> defines a checkbox: <br> <form action="https://cst.ridgewater.edu/Tools/FormEcho/"> <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike"> <label for="vehicle1"> I have a bike</label><br> <input type="checkbox" id="vehicle2" name="vehicle2" value="Car"> <label for="vehicle2"> I have a car</label><br> <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat"> <label for="vehicle3"> I have a boat</label><br> <input type="submit" value="Submit"> </form> </fieldset> <fieldset> <legend>The select Element</legend> The select element defines a drop-down list: <form action="https://cst.ridgewater.edu/Tools/FormEcho/"> <label for="cars">Choose a car:</label> <select id="cars" name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> <input type="submit"> </form> </fieldset> <fieldset> <legend>Textarea</legend> The textarea element defines a multi-line input field. <form action="https://cst.ridgewater.edu/Tools/FormEcho/"> <textarea name="message" rows="10" cols="30">The cat was playing in the garden. WiWi</textarea> <br> <input type="submit"> <br> <input type="button" value="Submit"> (button I do nothing) <br> <input type="button" value="Submit" onclick="this.form.submit();"> (button onclick) </form> </fieldset> <fieldset> <legend>autofocue</legend> <form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" autofocus><br><br> <input type="submit" value="Submit"> </form> </fieldset> </body> </html>