Forms: HomeSite 1.2
Create the Text and Password Boxes

The Text Box

The Password Box

After you have created your form, you are ready to design the form itself.

Remember that you create a form field with the <FORM></FORM> tag pair.

Within the <FORM> tags will go the entire form, i.e. both the questions you ask and the form elements, i., e., the  box and button spaces where the user will supply responses.

To create a form element in HomeSite, use the Advanced tab on the speedbar.
Advanced tab
The Text Box The text box form element asks for one line of text, e.g., a name or a street address:
Example
[FrontPage Save Results Component]

Last NameFirst Name

To add a text box to your form in HomeSite, choose the Form element button on the Advanced tab.   The Form Element dialog box will appear.

Form Element button
Form element button

Form Element: Text
In the Form Element dialog box choose Text.

The Form Element dialog box for a text box will appear.

Text box


In the Name box assign a term to identify the contents of the text box.

Remember that Name is the term you use to identify the value (such as lastname) you assign to the data being collected in the form element.

Set the Size to the width of the text box in pixels; this is the width that will appear on the web page.

Set the Max Len to the maximum length in characters you wish the text box to be.

NOTE: Whatever you place in the Value field will appear in the text box.

Click on OK.

The Password Box The password box is similar to the text box except that the input data appears on the screen as asterisks.

HomeSite does not give you a shortcut to the creation of a password box.

To create a password box in HomeSite, follow the procedure to create a text box.   HomeSite will generate the HTML:

<INPUT TYPE="TEXT" NAME="" VALUE="" SIZE=0 MAXLENGTH=0>
Once the HTML code has been generated, replace the word TEXT with the word PASSWORD in the INPUT TYPE tag.

It's probably a good idea to limit the maximum length of a password to 6-8 characters and to set the size of the password box to display only that length.

Thus your HTML for a password box will probably be:

<INPUT TYPE="PASSWORD" NAME="" VALUE="" SIZE=8 MAXLENGTH=8>

Forms: HomeSite 1.2
Overview
Create a Form
Create Text and Password Boxes
Create Radio Buttons
Create Checkboxes
Create Drop-down Menu Boxes
Create Text Blocks
Create the Reset and Submit Buttons

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 18, 1999
© Agatha Taormina