HTML Forms Lab

1. Using MDN's Your First Form (Links to an external site.) assignment as a reference (meaning you should complete it first), insert a form into your lab HTML.

2. Include an input field for text

• Add an id attribute and bind it to a label using the label's for attribute
• with a name attribute called 'name' to identify data
• with a maximum character limit of 140 characters.

3. Include a textarea field

• Set it to have 5 rows and 33 columns
• Ensure it has default text pre-set
• Add an id attribute and bind it to a label using the label's 'for' attribute
• Add a name attribute to store the data in the form and name it interests

4. Set your form's action method to post on submit

5. Set your form to post itself to https://fierce-taiga-97625.herokuapp.com/lab (Links to an external site.) on submission

• Open your browser console
• Submit your form
• Check what message you receive in response and include it in the submission in the text area below.

6. Style your lab within the form_styles.css to match the below image (the colors do not need to match but the HTML elements should be displayed centered on the page, bold for the HTML Forms Lab and the labels should be to the left above the corresponding input and textarea boxes.

Output preview: see image.