HTML Forms

Intro

HTML is really good at displaying content, but it can also accept content too. IT does this through form elements. This requirement will teach you about <form>, <input /> and all of its types, <textarea>, and all of the attributes needed to create a form.

For forms to be really useful, you need to have a server to process and store the input data. However, forms can also be used with JavaScript without needing a server. For example, you could use a file input to put an image into a canvas element or a checkbox to control if a div is shown or not.

Suggested Learning

• HTML Forms
• Form Elements
• Input Types
• Input Attributes

Requirements

• Create an HTML page with a form. Include the following:
  • Inputs with the following types:
    • text
    • number
    • email
    • password
    • file
    • checkbox
    • One other input type
  • Include the following attributes in your inputs:
    • placeholder
    • required
    • autofocus
    • maxlength
  • A textarea
  • A select with options
  • A submit button
  • All inputs should have names
  • When the form is submitted, you should see the inputs in the URL query string
• Explain the difference between a GET and POST request
• Show your work to the #requirements Discord channel to show you have passed this requirement off.

Extra Learning

• The complete guide to HTML Forms