Course: Study / Web Design and Web Development, Topic: Module08: Forms

Topic outline

General

Collapse all Expand all

Module08: Forms
The HTML of forms. The CSS of forms. Form validation.

The HTML of forms

The CSS of forms

Form validation

The HTML of forms. Forms are commonly used to collect user input and send them to the WEB Server. In this submodule, we will learn to create well-structured and accessible forms using HTML markup.

The CSS of forms. In this submodule, we will learn how to style a form and enhance its usability using CSS rules. We will also learn to style a submit-button.

Form validation. Form validation with immediate validation messages creates a better user experience rather in the case where you receive messages only after submitting the form. In this submodule we will enrich the HTML validation and we will add JavaScript features to make the form more user- friendly.
- Go to the location of your folder on your desktop and ...
  
  create a sub-sub-folder with the name images in the folder yourNameWEB2JS
- Page
  
  Aims - Expected outcomes- Key concepts - Instructions Forms Page
  
  View
- Book
  
  Submodule 8.1: The HTML of forms Book
  
  View
  role and creation of a form
  
  elements
  
  attributes
  
  accessibility
- Book
  
  Submodule 8.2: The CSS of forms Book
  
  View
  fieldset
  
  submit input
  
  required attribute
- Book
  
  Submodule 8.3: Form validation Book
  
  View
  HTML validation
  
  JavaScript validation