SECTION 2
Lesson 2.1: Creating a Web Page

   

 

 

Although there are some options for form fields, using them in a Web page is a bit different. The process for inserting them remains the same: click where you want to place it and then click the type of field you want to insert. You can also add text around the box to identify it.

 

Here’s a list of the different fields available when creating a Web page:

 

Toolbar Button

Name

Description

Example

Checkbox

Inserts a box that can be checked or unchecked. Good for limited answers.

Option button

Inserts a set of radio buttons where only one button in the list can be checked.

Combo box

Inserts a drop-down menu that allows the recipient to pick from a list.

List box

Inserts a box that allows the recipient to pick from a list. They can scroll through the choices using the arrows on the right.

Text box

Inserts a text box that allows the user to type an answer.

Text area

Inserts a larger text area that allows the user to type an answer.

 

Like form fields, you can modify the properties of an item by clicking the field (in design mode) and then clicking the Properties button () on the Web Tools toolbar. However, the properties that you will see are quite different:

 

 

You can see that the properties appear to the left hand side as a box. This box can be moved and resized like a task pane, except that it won’t snap to a particular side. Let’s take a closer look at this properties pane; remember that the pane will look differently depending on what item you select. (Using it, however, will remain the same.)

 

 

You can see from the picture on the right that the first item in the pane is a drop-down menu. This menu lets you choose what field in the document you are modifying.

 

 

The next part is the two tabs. You can view the field’s properties in alphabetic order or by category. Either way, you’ll still see the same fields in chart format.

 

The chart takes up the main portion of the pane. The first column tells you the name of the property, and the second column tells you what that property is set to. You can type in any of the cells in the second column to change that property’s value.

 

Here’s a list of properties, what their value needs to be set to, and what fields they apply to:

 

Property

Possible Values

Applicable Fields

Checked

False if the box is not checked by default.

True if the box is to be checked by default.

Checkbox

Option box

Columns

Type the number of columns you want the text area to have.

Text area

DisplayValues

Enter the values to be displayed, separated by semicolons.

Example: Yes;No;Maybe

Combo box (drop-down menu)

List box

Height

Enter a number (in pixels) for the height of this field.

All fields

HTMLName

Type the name for this field. (IE, Yes Checkbox)

All fields

Max length

Enter the maximum length for a line in the text box.

Text box.

MultiSelect

False if the user is not allowed to select more than one item.

True if the user is allowed to select more than one item.

Combo box (drop-down menu)

List box

Rows

Type the number of rows you want the text area to have.

Text area

Selected

Enter the value that will appear selected by default. Leave blank if you don’t want any value to be selected.

Combo box (drop-down menu)

List box

Size

Enter how many lines will be displayed at once.

Combo box (drop-down menu)

List box

Value

Enter what this box represents. This text will not appear on the screen.

This property is useful if you are going to use a query or data mining tool on your Web page.

All fields

Width

Enter a number (in pixels) for the height of this field.

All fields

WordWrap

Enter OFF for WordWrap not to apply; type ON for this text area to use WordWrap.

Text area

 

Like forms, you can change these properties at any time in design mode.