• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 9. Working with HTML Forms > Working with Forms and Form Objects

Working with Forms and Form Objects

As mentioned in the previous section, the addition of form objects to your web page begins with the addition of a form. You can think of the form as the container for its form objects. When the user clicks the Submit button, the entire form, along with all the form objects in the form, are sent for processing. In fact, the form contains numerous properties that tell the browser where and how the form will be sent for processing when the Submit button is clicked. Before we jump too far ahead of ourselves however, let's add a simple form to a web page. To do this, follow these instructions:

1.
Open the helpdesk.htm page located in the root of the project folder. For the most part, the design has already been created for you. For now, we're simply concerned with adding a form and form objects so that our fictitious Dorknozzle employees can submit helpdesk tickets (requests for help).

2.
As a change of pace, we'll use the Forms category in the Insert bar to work with forms and form objects. If your Insert bar is not open, choose Window, Insert. When the Insert bar opens, switch to the Forms category.

3.
Place your cursor in the third cell of the Content table (in the second cell underneath the existing HelpDesk subheader image).

4.
Click the Form icon in the Insert bar to add a new form to your helpdesk.htm page. As you can see in Figure 9.3, the form is indicated by the red dashed box. Because a form is considered an invisible element, you can choose to display it or hide it by enabling or disabling the Invisible Elements option in the Visual Aids menu in the Document bar.

Figure 9.3. The form is added to the page and is evident by the red dashed box.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint