comp 1850 | introduction to web development

assignment six

create an HTML form

objective: Write, test, and publish a well-styled, semantic HTML page that includes a form.

requirements:

  1. Include inputs for a first name, a last name and a student number. The names/IDs for these three fields must be firstname, lastname, and studentnumber respectively.
  2. Include an input for the user's name prefix. Use the form name prefix for this data. The user must choose only one from this group of options: Mr, Mrs, Ms, Dr, or N/A.
  3. Give the user a way to specify which, if any, part-time BCIT classes they are considering registering for. They are not required to choose any courses, and they are permitted to choose several courses at once. This field must be named courses. Options should include COMP1409, COMP1630, COMP1850, COMP2132, COMP2913 and COMP3015.
  4. Include an area for the user to add a comment. Name this field comments.
  5. The form method must be post.
  6. The form action must be assignment06.php (Note: This is not a real script).
  7. All form elements should include labels (or placeholders) and have appropriate ids and names.
  8. Attention should be paid to proper styling using CSS and ensuring that the site works well at various viewport sizes.
  9. Use an external CSS file to style the page so that the form adheres to best practices in design (alignment, proximity, colour, contrast, etc.). You must demonstrate a clear effort towards making a visually appealing form.
  10. All content must be marked up semantically to convey the meaning and relationships of the data.
  11. Publish the completed page to your web space.

Check your work using the online HTML Validator.

Email the URL of your finished assignment to your instructor.

Exercise is due before the start of the next session. Your instructor will not hunt you down to hand this in - no email sent to your instructor equals zero marks.

assigned: session 10
due: session 11
weight: 5% of final grade

comp 1850 home | about the course | resources | 01 | introduction | 02 | html fundamentals | 03 | intro to css | 04 | intro to page layout | 05 | responsive web design | 06 | planning site structure | 07 | design principles | 08 | advanced css elements | 09 | advanced page layout | 10 | forms | 11 | introduction to javascript | assignment one | assignment two | assignment three | assignment four | assignment five | assignment six | final project | dave tanchak | students on bcitwebdev | learning hub login | bcit | bcit: computing |