Table Structure

Tables in HTML The <table> Tags Rows Cells Headings The <table> Element TODO

Intro to Forms

Web Forms The <form> Tags Action Method ID and Class The <form> Element TODO

Form Input Elements

Asking for Input The <iput> Tag Type Name ID The <input> Element TODO

Text Types

Text Input Plain Text Password Text Area Maxlength Columns and Rows Placeholder Size Value Autofocus TODO

Selection Types

Selection Input Radio Buttons The Checkbox Element The Select Box (AKA Dropdown Select) TODO

Button Types

Buttons The Upload Button The Submit Button The Image Button The Button Element TODO

Form Management

Keeping Track Labels and IDs Fieldsets and Legends TODO

HTML5 Inclusions

New in HTML5 Validation Date E-Mail Search Figure and Figcaption TODO

Validation

It is possible to use HTML5 to inform users if they have entered information correctly. This is known as “form validation”.

Traditionally, form validation occurred with JavaScript, but HTML5 has added this feature.

Validation helps ensure the user enters information correctly and with the correct “types” of data. Validation before submitting a form to a server reduces server load and enables users to more quickly see if there are errors in their form.

An example of form validation is the required attribute. Try pressing the ‘Submit’ button before entering any text:

NOTE: This is not yet supported on all browsers (i.e. Safari), so it may be necessary to also include other types of form validation (Such as with JavaScript).

“Forms”