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 HTML 5
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Bookmark and Share
Lecture Comments (4)

0 answers

Post by Steven Morrison on September 26, 2013

I think there is a mistake @ 13:10

For submit you have got the attribute type="file", should it not be type="submit" ?

1 answer

Last reply by: Professor Hague
Wed Sep 5, 2012 4:56 PM

Post by David Perry on August 31, 2012

Hidden is used mainly for passing things to the backend from what I have seen. IF I was new - I would be very confused on how you explained some of those attributes. You need to add more "here's WHY you don't use this" or "here's where you would use this" to give the tag more depth as to where it would actually be used and why it would be used and a real world example for the tags.

I inject a PHP generated token into a form for security as a hidden field. Pass that value to the backend for processing.

Well, I would love to know how people can learn this language without real world examples to help them place the items in the proper places.

It would have been nice to have some HTML 5 mixed with PHP to really show the tags and how they would be used.

0 answers

Post by Jorge Guerrero on June 29, 2012

Most of the new form and input attributes in HTML5 are not available in IE. I think this is for the purpose of keeping things simple, as most new form controls are pre-coded. I like it better this way. Code in the back-end, uncomplicate and keep things simple in the front-end; otherwise, you'll get new programmers confused and seasoned frustrated as front-end invades the turf of back-end.


  • The purpose of form is to collect data for storage
  • Can also be used for calculations and search queries
  • <INPUT> tag determines how information is to be collected
  • The Form works only with backend programming


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
  • Lesson Overview 0:20
  • Purpose of a Form 0:39
  • Form Elements (Objects) 1:56
    • Form Tag
    • Input Type
  • Type Attributes 3:42
    • Attributes Give Further Instructions
    • Download form1.html
    • Show in Browser
    • Text Field
    • Text Area
    • Radio Buttons
    • List Menu
    • File
    • Hidden
    • Password
    • Label
    • Button: HTML or Image
    • Download form2.html
    • Text Field
    • Name
    • Autofocus
    • Autocomplete
    • Disabled
    • Maxlength
    • Min Value
    • Multiple
    • Placeholder
    • Read Only
    • Required
    • Accept
    • Text Area Attributes
    • Wrap
    • Autofocus Disabled Maxlength