Show me the steps to solve Independent Programing Assignment $2$

Your task is to create a form for the Walnut Grove School District for parents to fill out. This form collects information from parents and then calculates the activity fee for the year. When the parent clicks the submit button it would then take them to a page where they can make the payment $($not part of this assignment$).$ The form must include the following fields and must to the extent possible prevent parents from entering invalid data either by preventing the input to begin with or through validating the form.

Required Fields:

First Name $($required$)$

Last Name $($required$)$

Date of Birth $($format MM$-$DD$-$YYYY $-$ Must ensure entered date is valid$)$

Gender $($M or F$)$

School: Chestnut Elementary, Hickory Middle, Poplar High

Grade: K$,1,2,3,4,5($Chestnut Elementary$)$; $6,7,8($Hickory Middle$)$; $9,10,11,12($Poplar High$)($users should only be able to select a grade appropriate to their school$)$

Athletic Activities: Male: Baseball, Football, Soccer, Basketball, Track, Cross Country Female: Softball, Volleyball, Soccer, Basketball, Track, Cross Country

$($Only Middle and High School Student should see this part of the form and students are not allowed to select more than two athletic activities. They should also only be able to select activities associated with the gender they selected earlier in the form$)$

Optional Student Insurance: Yes$/$No

Activity Fee: Elementary students pay a flat $$50$ fee. Middle School students pay $$100$ plus $$50$ for each athletic activity. High School Students pay $$100$ plus $$100$ for each athletic activity. Student Insurance adds $$300$ to the total. You should calculate the value and display it in a read only text field