/data-form

A simple form

This task is to practice implementing a simple order form to collect some basic personal data (name, address, etc).

Create and work in index.html and style.css and create a form which meets the following requirements.

Requirements

  • Use <input> or <textarea> fields to collect the following information;
    • First Name
    • Last Name
    • Street
    • Zipcode
    • City
    • Phone Number
    • E-mail
    • Comments
  • Use a <label> tag for each <input> or <textarea> field
  • Use the appropriate Input type for each <input> field. For example, email for the E-mail address
  • Include a Submit <button>
  • Ensure the <input> fields appear in a single column, and not side by side
  • Style your form elements using CSS
  • Add a <header> to your page
  • Use the reference image below as your style guide

Reference Image

Reference