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 Educator.com

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!

Creating an HTML Form

  • We are going to take a look at HTML forms and familiarize you with some form basics
  • When you create a web form you are not creating an active form that will do something after you create it
  • A form has 2 pieces to it, the front end which is the form on the web page and a backend piece that uses coding in some language other than HTML such as PHP, ColdFusion, ASP, JSP or .NET to process the form data
  • The standard role of a web designer is to create the form and make it match the website and then the form is turned over to a backend developer who creates the processing script
  • We will be building the front end piece which is the form itself
  • We can click submit as much as we want but this form will not do anything once we have created it
  • In order to create a form you need a form tag which contains important information for submitting the form
  • There are 3 important pieces to the form tag:
    • Form name: defines the form for validation
    • Action: the script that process the user’s data
    • Method: how the data is sent back to the processing script
  • Dreamweaver sets our method to post by default since almost all web forms use this type of action, it is more secure and not visible to anyone when it is sent
  • The dotted red lines in Dreamweaver signify that there is a form tag on the page
  • We must place all of our form elements within this tag in order to be sure that the data works correctly if using XHTML
  • For HTML5 there is a new attribute that is supported in Dreamweaver called form, and you simply list the form name using this attribute and you do not need all the form fields to be located within the form tag
  • We will place all our form elements within the form tag to make it easier for you to see what we have done
  • The fieldset tag allows you to group form data within a form, this tag includes a legend tag which places text to describe that group of form elements that is visible to the user

Creating an HTML Form

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
  • Insert Bar 1:59
    • Forms
    • Adding ID
    • Method
    • Form Tags
  • POST Versus GET Method 4:54
  • Assigning ID 5:29
    • Naming
  • Fieldset 7:30
    • Legend
  • Action Attribute 8:29