|
Site Navigation
Day One
Day Two
Day Three
Day Four
We use and recommend
for your on-line transactions
| |
Hands on
Practice
We will design an
on-line order form.
Step 1
-
Create a
new page, name it orderform.htm, and title it
Order On-Line.
-
Place your
insertion point in the body text area, and type You can order our products
using this form.
-
Click the
Enter Key a couple times to move down 2 lines. We will insert the
Form here.
Step 2
The next step to to create the form enclosure. This is represented
as a dotted box that contains the Submit and Reset buttons.
|
|
 Step
3
|
|
Step 4
-
Place your insertion point on the second line in the form box.
-
Click on the Table button, and create a table with 4
columns and 4 rows.
-
Highlight the table.
-
Click on the Border button, and select No
Borders to make the lines disappear.
|
|
Step 5
Your Form should look something like
this.
-
Add the text Product, Price,
Color, Qty to the top row in the table.
-
Type Widget, Gadget, and Thingamabob into the
Product column.
-
Type $14.95, $22.49, and $67.89 into the Price
column.
 |
|
Step 6
 |
| Step 7
 |
|
 Step
8
|
|
Step 9
-
Change the Name to WidgetColor.
You main not leave any spaces in the Form Field Name.
-
Click
on Add. The Add Choice dialog opens.
-
Type
the color Red into the Choice box. Click OK.
-
Repeat for the other colors.
-
Now
repeat the entire process for the other two Drop Down boxes.
If your choices are the same for multiple items, you
can add the choices to one Drop Down Box,
then copy and paste the completed box into the remaining cells.
You will need to go into the Form Field Properties
dialog to correct the Name field only for each
Drop Down Box. This can save time if you are
doing a longer list.
|
To see how the
Form works, change to the Preview View and try filling it out.
|
