HTML and CSS Reference
Perform the following tasks:
1. Using Notepad++, create a new HTML file with the title Lab 6-3 in the main heading section.
2. Add the Web page heading Nested Groupings and Controls Within a Table.
3. Create a form and identify the form process using the post method with the action attribute set to
mailto your e-mail address (if you do not have an e-mail address, use firstname.lastname@example.org).
4. Add two text boxes for name and e-mail address.
5. Add two radio buttons, with Choice 2 preselected, as shown in Figure 6-32, together with four
check boxes with Choice 4 selected.
6. Add a 5-row, 35-column textarea, as shown in Figure 6-32.
7. Insert a selection menu with options of Choice 1 through Choice 4. Set the selection menu to
display three rows and have Choice 1 preselected as the default option. Allow the user to select
8. Add a Submit button that says Submit the Form and a Reset button that says Reset the Form at the
bottom of the Web page form.
9. Add three fieldset controls to group the form controls, as shown in Figure 6-32. Nest the two
subgroupings within the main grouping.
10. Save the HTML file in the Chapter06\IntheLab folder using the filename lab6-3solution.html.
Validate the Web page. Print the HTML file.
11. Open the lab6-3solution.html file in your browser and test all controls except the Submit button.
12. Print the Web page.
13. Submit the files in the format specified by your instructor.
Cases and Places
Apply your creative thinking and problem-solving skills to design and implement a solution.
1: Changing a Paper Form to an Online Form
As part of your Web development project, your instructor has asked you to find a static form that is
currently in use by your school administration, a school club, or another organization. Any printed
form that you complete as a student is a good option for this exercise. Convert this static form to a
dynamic Web page form. Start by designing the form on paper, taking into consideration the fields
that are the most appropriate to use for each input area. Once your design is complete, use HTML to
develop the Web page form. Test the form, and once testing is done, show the form to several people
from the organization that controls the form. Explain to them why it is better to collect information
using a dynamic Web page form, rather than a printed, static form. Discuss the possible negatives about
using an online (vs. a paper) form as well. As one example, what happens with forms that require a
student's signature if the forms are online?
2: Making a Form Easier to Use
Your uncle's car club wants to collect information from club members. Search the Internet for two or
three examples of Web page forms used to collect information from club members. Print the forms
as examples. If you were the Web developer for these Web sites, how would you update the forms to
gather more information or make the forms easier to use? Using the example Web pages that you
have found, draw a sketch of a Web page form design for a car club. Develop the Web page form as
an example to share with your uncle.