making a form in html

Short 13-1 Create a form In this exercise, you'll complete a form so it looks as shown below. Estimated time: 20- 30 minutes Please complete our survey Contact information Email address: First name Last name Geographic information State Zip code wo characters ive How did you hear about us? Web Search Facebook Twitter Email message Thank you for taking our survey! Submit Reset 1. Open this HTML file and run it to see that it already provides the first two headings, the first three fields, the last heading, and the two buttons short exercisesltown hall c13x forms.html Modify the attributes for the form so it uses the "get" method and submits the form to the file named survey_data.html. Then, test the submission of the completed form. This should display a page that shows the submitted data Add the autofocus attribute to the first field and the required attribute to all three of the fields. Then, test to make sure the data validation works 2. 3. 4. Add the "Geographic information" heading and fields. These fields should also be required and they should have the placeholders that are shown above. To validate the state and zip code fields with regular expressions, you can use these patterns [A-Za-2] (2) and ld15) 5. Add the "How did you hear about us" heading and checkbox fields. Use labels to provide for user accessibility as shown in figure 13-8 Enhance the CSS in the HTML file so the form looks like the one above. In particular, you'll need to change the width of the checkboxes so they will align right, and you should remove the box shadow from required and invalid fields so they won't have red shadows when displayed in Firefox. 6. 7. Do a final test to make sure everything works as it should