26.9. Exercises: Forms

Hello programmer, we need you to make a Rocket Simulation form. Please follow the steps below and good luck!

26.9.1. Getting Started

Create a new HTML project in Visual Studio and begin creating your form.

26.9.2. Create your Form

1. Create a <form> with these attributes.

   1. Set method to "POST"

   2. Set action to "https://handlers.education.launchcode.org/request-parrot"

2. Add a <label> and <input> for Test Name to the <form>.

   1. <label>Test Name <input type="text" name="testName"/></label>.

Display Name	Input Type	Input Name	Possible Values
Test Name	text	testName	No limitations

1. Can you submit the form now? What is missing?

2. Add a <button>Run Simulation</button> to the <form>.

3. Enter a value into the “testName” input and submit the form.

   1. Was the value properly submitted to the form handler?

4. Next add these five inputs to the <form>.

   1. Pay attention to the types and possible options.

   2. Also add a <label> for each input.

Display Name	Input Type	Input Name	Possible Values
Test Date	date	testDate	Date format mm/dd/yyyy
Rocket Type	select	rocketType	Brant, Lynx, Orion, Terrier
Number of Rocket Boosters	number	boosterCount	A positive number less than 10
Wind Rating	radio	windRating	No Wind: with value 0, Mild: with value 10, Strong: with value 20
Use production grade servers	checkbox	productionServers	on or off

Example

What the form will look like before submission.

Submitted Values

testName=Moon+Shot
testDate=2020-07-16
rocketType=Lynx
boosterCount=3
windRating=10
productionServers=on