Design of the FrontPage Basic Tutorial form

frontpage| Basic Tutorials | Design forms are more common in the process of making a website, for example, when we apply for free email or personal homepage, we need to fill in some personal information, such as user name, password, password hint information, etc., the tool that collects this information is form. Types of commonly used forms include contact information forms, request forms, order forms for shipping and billing, feedback forms, search query forms, and more.

Make a search form

It's inconvenient for visitors to find articles in a large web site, when we can create a search form. Execute the Insert/web Component command to open the Insert Web Component dialog box. Select Web Search in the left window, select Current site in the right window, and then click Finish to open the Search Form Properties dialog box, as shown in Figure 1. In the Search Form Properties tab, set the label for the input box to site search:. Then switch to the Search Results tab, set the information and formatting that you want to display when the query results are displayed, select the Show file size and select file dates check box, and when you're done, "OK," the search form will appear in the Web page, as shown in Figure 2. It should be noted that the established search form needs to be published before it works properly.

Figure 1 Setting the search form properties here

Create a form with a wizard

FrontPage XP provides a form creation wizard that executes the file/new command. Then click Web Page or site, in the new page or Web window, under new from template, click Page Template, select the General tab in the Open dialog box, and then click the Form Page Wizard "OK".

Figure 2 Search for a form

After you enter the Form Wizard, click the Next button to enter the Add problem interface. Click the Add button, and in the Open dialog box, select the data class you want the visitor to enter from the Select the input type to collect list, such as personal information, click Next to enter the personal information interface, Select the information you want the visitor to fill out, as shown in Figure 3. Return to the Add Question dialog box and click Next to go to the Show Options dialog box. Set the display type of the problem here, and then go to the Output Options dialog box. The output options can be set to the Web or text file format, as shown in Figure 4, and finally click the Next button to complete the form design.

Design a form by hand

Executes the main menu insert/form/form command, you can insert a new form on the current page, which includes the Submit and reset two buttons, and a dotted box with a dotted box area that is an empty form where you can add form fields.

Execute the main Menu insert/form/textbox command, a new text box is inserted into the current form, and then enter the meaning of the field name before the field name. Similarly, you can insert a different control object into the current form on the Insert/form menu.

Figure 3 Wizard information for a form page

Double-click the text box to open the Text Box Properties dialog box, and in the Name box, enter the name of the identifying text box. If you want the text to appear in the text box the first time a visitor opens the form, you can enter the text to display in the initial value box, set the width of the text box in width, and then click OK. In addition, you can insert check boxes, drop-down boxes, option buttons, and many other controls into the current form.

Confirmation page

Once a visitor completes a form and submits it, a confirmation page can be displayed to show what the visitor has entered.

First create a new blank page, set its name to "Confirm Web page. htm". Then open a form page that has already been created, right-click, and select Form properties to open the Form Properties dialog box.

Click the Options button, select the Confirm Page tab, click the Browse button after the Confirm page text box, and select Confirm page. htm. Then switch to the saved Fields tab, where you will see the name of the object in the form you just made, click the Save All button, and then "OK" to return to the form, which points the confirmation page of the current form to confirmation page. htm.

Figure 4 Setting the output options here

Finally, we add the Confirmation field in Confirm page. htm. Perform the Insert/web Component command, click Advanced Control in the left window, double-click confirm field in the right window, and then OK, enter the name of the field used to display the information in the form field name to confirm text box. It is important to note that the name of this field must match the name assigned to the form field when you set the form field properties. Each form you want to display needs to repeat the steps above.

Forms that you design using FrontPage need to be published to a server that is running the FrontPage Server Extensions or Microsoft SharePoint Team Services to work correctly.