Forms ALWAYS need a FORM tag. In hand-coded HTML, you do this by inserting the <form> tag into your code. In the Design view, you can add a form element using the Form button.
The form attributes include: id, name, method, and action.
Adding a unique name in the Form ID text fi eld makes it possible to identify and control the form with a script, such as a JavaScript or a VBScript. It is also very important for form validation.
Form actions include:
GET includes the form data as part of the URL of the request to the server. GET has a length limitation of 8,192 characters in the URL and is less commonly used to send long forms than the POST method.
POST is similar to GET, but it embeds the form data in the header of the server request instead of in the URL. Although the POST method is the most commonly used, be aware that pages sent by this method cannot be bookmarked and are not encrypted for security purposes.
The FIELDSET element allows authors to group thematically related controls and labels. Grouping controls makes it easier for users to understand their purpose. The proper use of this element makes documents more accessible.
The LEGEND element allows authors to assign a caption to a FIELDSET. The legend improves accessibility when the FIELDSET is rendered non-visually.
This form is created without tables. There are two style sheets attached to it. The first one is the same as the one you have been using for homework one. The second one is called hw3.css.
Use the Web Developer Toolbar to examine hw3.css.
OPTIONAL: Copy and paste the css into a new css document and save it as hw3.css and attach the style sheet hw3.css to hw3.html
Save your homework two as hw3.html and remove all content from the mainContent div.
Follow the steps in the syllabus to create your form.
Select the submit button and add the default validation behavior(Mac users) or the Yaromat>Check Form behavior (PC) Note: This is reviewed in the class archive at 1 hour 30 minutes (1:30)
Make sure to include footer information as per this example.
Use the fieldset and legend tags, as per this example and as I demonstrate in the archives, to structure your form.