Table of Contents 
Previous Section
Creating Form-Based Dynamic HTML Elements
In this section, you'll create a form with several elements to capture input from a guest. These elements look and act like HTML form elements but are actually dynamic WebObjects elements, which enable your code to receive and manipulate the data entered by the user.- To display the dynamic form elements buttons in the toolbar, choose
from the Elements pop-up list.
- Place the cursor on the line after the "My Guest Book" text and press Enter.
- Click
.
WebObjects Builder adds a form element to your component. The triangle at the upper-left corner indicates that it is a dynamic form, as opposed to a static form.The gray border indicates the extent of the form. You can increase its size by adding additional elements inside it.
- Type the text "Name: " and press Enter.
This text replaces the word "Form" that was displayed by default.
- Type "E-mail: " and press Enter twice
- Type "Comments: " followed by Enter.
You have just entered three lines (and a blank line) of static text inside the form. Now you'll enter some dynamic elements to receive input from the user: two text fields and a multi-line text area.
- Place the cursor to the right of the text "Name: ".
- Click
to create a dynamic text field element (WOTextField).
- Repeat steps 7 and 8 for "E-mail: ".
- Use the
button to create a multi-line text area below the "Comments: " line.
- Press Enter twice to create two blank lines.
- Click
to create a Submit button, which is used to send the data in the form to the server.
- Click
to create a Reset button, which is used to clear the data in the form.
The window should now look like this:
Table of Contents 
Next Section