Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Required Fields in HTML5

  • Form validation is a way to test the data a user enters in order to be sure it was entered correctly
  • There are 2 places to validate forms, client-side and server-side
  • Client side validation takes place in the browser and is done before the data is sent to the server
  • Server-side validation is done once the data has been received on the web server
  • If server-side validation does not pass, the form is sent back to the user along with a message on the page telling them what is wrong
  • We will be looking at new client-side validation features offered in HTML5
  • HTML5 validation offers new ways to validation your form without the need to create JavaScript to do it
  • XHTML does not offer any type of form validation, so JavaScript always has to be added to the HTML page for client-side form validation
  • HTML5 offers new types of form field elements including email, phone, date, and many other new form field
  • These new form fields offer the ability to validate a field without the need to use JavaScript
  • The contact us form for Tranquil Travel will use HTML5 form fields
  • Dreamweaver CC supports HTML5 form validation which makes it easy to work with these new fields

Required Fields in HTML5

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Preview Contact Form 0:54
    • Hovering Over Fields
    • Google Chrome Feature
    • Test Send Form
  • HTML5 Email Field 2:15
    • Split View
  • Creating Required Fields 2:47
    • Auto Focus
  • Creating Required Email Field 4:49
    • Required Checkbox
    • Preview
    • Form Validation
  • HTML5 Forms in Internet Explorer 7:28
    • Firefox
  • Client Side Validation 9:31
    • Server Side Validation
    • Setting Email Box Size