SECTION 2
Lesson 2.1: Creating a Web Page

   

 

 

In addition to form fields, you can also insert buttons for your visitors to click on. Remember that design mode means you can edit your buttons while normal mode lets you test your buttons.

 

Let’s take a look at the different types of buttons we can insert from the Web Tools toolbar.

 

Toolbar Button

Name

Description

Sample

Submit

Inserts a basic submit button.

Submit with Image

Inserts a submit button with a custom image.

Reset

Inserts a reset button.

Hidden

Inserts a button that is hidden in normal view.

Password

Inserts a text box for passwords.

 

Modifying properties for these fields is the same as modifying the properties for form fields: enter design mode and then click the Properties button () on the Web Tools toolbar. The pane that you will see will be the same; it will have a column for the property name and another for that property’s value.

 

Let’s take a look at the properties for these fields.

 

Property

Possible Values

Applicable Buttons

Action

Specify an action (in HTML code) that will happen when this button is clicked.

Submit

Submit With Image

Caption

Enter the text that will appear on the button.

Submit

Reset

Encoding

Specify encoding for this button. (Typically, this does not need to be modified.)

Submit

Submit With Image

Height

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

All fields

HTMLName

Type the name for this field. (IE, Password Dialog)

All fields

Maxlength

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

Password

Method

Enter a method for this button. (Methods are written in various types of Web code, and determine what happens when the user clicks the button.)

Submit

Submit With Image

Source

Tell Word where to find this image

Submit With Image

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.

Hidden

Password

Width

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

All fields

 

Like form fields in a Web page, you can modify these properties at any time.