HTML5 Forms

This course is included in our On-demand training solution.

Overview

HTML5 is the new standard for web development from the W3 Consortium. In this course, you will look at using HTML5 forms, and in particular, the new input types and input validation features that HTML5 provides. You’ll learn about the different elements and how they can reduce the amount of work required to handle data entry.

Target Audience

Web developers who need to handle data entry and input from a web page

Prerequisites

None

Expected Duration

150 min.

Course Objectives

Course Introduction

Using the Form Tag in HTML5

  • describe the purpose of the form tag in an HTML5 document
  • Adding the Form Tag to an HTML5 Document

  • add the form section to an HTML5 document
  • Manipulating Form Field Attributes in HTML5

  • describe form field attributes that can be used in HTML5
  • Setting the Value and Name Attributes in HTML5

  • specify how the value and name form attributes are used in HTML5
  • Using the Password and Textarea Form Fields

  • create a password and textarea form field for data input with HTML5
  • Creating Radio Buttons in HTML5

  • create a radio button in HTML5
  • Creating Checkboxes in HTML5

  • create a checkbox in HTML5
  • Creating Dropdown Lists in HTML5

  • create a drop-down list in HTML5
  • Using the Color Chooser Attribute in HTML5

  • use the color chooser attribute in HTML5
  • Using Number Fields in HTML5

  • use the number field in HTML5
  • Using Color Fields in HTML5

  • create a color input in HTML5
  • Using Color Pickers in HTML5

  • use the color picker in HTML5
  • Adding a Number Chooser Field to an HTML5 Document

  • add a number chooser field to an HTML5 document
  • Adding a Range Slider to an HTML5 Document

  • add a range slider to an HTML5 document
  • Setting a Numerical Range in HTML5

  • add a numerical range to a range slider with HTML5
  • Using a Range Slider in HTML5

  • use the range slider in HTML5
  • Using a Calendar in a Form in HTML5

  • add a calendar to an HTML5 document
  • Setting Date Forms in HTML5

  • configure a date input field in HTML5
  • Submitting Form Data in HTML5

  • describe how to submit HTML5 form data
  • Submitting a File to a Server in HTML5

  • describe how to submit a file to a server using HTML5
  • Using the Novalidate Form Attribute in HTML5

  • describe when to use the HTML5 novalidate form attribute
  • Using Placeholders in Forms in HTML5

  • describe the use of placeholders in HTML5 forms
  • Using Required and Placeholder in Forms in HTML5

  • choose when to use required and placeholder attributes in an HTML5 document
  • Using the Autocomplete Form Attribute in HTML5

  • use the autocomplete form attribute in HTML5
  • Using the Datalist Tag in HTML5

  • choose when a datalist would be the right container for an HTML5 document
  • Adding a Datalist to a Form in HTML5

  • add a datalist to an HTML5 form
  • Using Email Form Field Validation in HTML5

  • configure email form validation in HTML5
  • Using Regular Expressions in HTML5

  • describe the basics of regular expressions and their use in HTML5
  • Using Regular Expressions with Inputs in HTML5

  • apply regular expressions to form input fields in HTML5
  • Using the Autofocus Input Attribute in HTML5

  • specify which field on a form will get the initial focus in an HTML5 document
  • Using the Form Input Tag in HTML5

  • describe how the form input tag works in an HTML5 document
  • Using the Form Action Input Attribute in HTML5

  • describe how the action attribute can affect how a web page will act when it is submitted in HTML5
  • Using the Form Target Input Attribute in HTML5

  • describe how the target attribute can be used in HTML5
  • Using the Min and Max Input Attributes in HTML5

  • describe how, and when, to set the min and max attributes for an input element in HTML5
  • Exercise: Enhance Forms

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.