Submodule 8.1: The HTML of forms

The input element

The <input> element has many roles and hence it is important for form elements.
The <input> element changes its way of displaying according to the value of the type attribute.

Examples

type="text": Defines a one-line text input field

type="password": defines a password field

type="url":is used for input fields that should contain a URL address

type="email": is used for input fields that should contain an e-mail address

type="hidden": data that cannot be seen or modified by users when a form is submitted

type="color": is used for input fields that should contain a color

type="date": is used for input fields that should contain a date

type="number": defines a numeric input field

type="range":defines a control for entering a number 110

type="file": is used for uploading files

The radio element: select ONLY ONE of a limited number of choices Male
Female
Other

The checkbox elament: select ZERO or MORE options of a limited number of choices I have a bike
I have a car

type="submit": Defines a submit button (for submitting the form)
(The submit button doesn't work.. you can press it but you will just be navigated out of this page)

For more information: https://www.w3schools.com/html/html_form_input_types.asp