Using Forms in the Page Designer
A Web page form allows users to input and submit data, such as order information or user information. Forms include form elements, where users input their data. There are several types of form elements:
- Text box - Allows users to enter a line of text.
- Text area - Allows users to enter multiple lines of text.
- Radio button - Allows users to select an option from a group of options. Radio buttons are shown as circles with space in the center for a dot that indicates the radio button has been selected.
- Checkbox - Allows users to select options from a group of options. Checkboxes are shown as squares with space within the borders for an X that indicates the checkbox has been selected.
- List - Allows users to select options from a group of options. Lists are shown as a drop-down list or a list box.
- Button - Allows users to click a button to call JavaScript code. For example, by clicking the Submit button, the user calls the JavaScript code that submits the form.
Using WebSite Tonight, you can add a blank or prepared form to a Web page. WebSite Tonight forms are designed to submit information from users in an email message sent to the email account you listed in your Contact Information. You can edit and customize the form and form elements to your specifications.
To Add a Prepared Form to Your Web Site
The available forms are: Contact Form and Loan Application. The Contact Form allows users to submit their contact information and comments. The Loan Application allows users to submit data for obtaining a loan.
- Log in to your WebSite Tonight account.
- From the Design menu, click Page Designer.
- If necessary, from the You are editing list, select the page you want to edit.
- Click the block you want to add a form to. Blocks are outlined in blue.
- Position your cursor where you want to add your form.
- Go to theInsert tab, move your mouse over Forms and select the form you want to insert.
After adding a form, you can add form elements to it, such as a drop-down list, a radio button, a calendar selector, or a text box.
To Insert Form Fields to your Web Page
- Log in to your WebSite Tonight account.
- From the Design menu, click Page Designer .
- If necessary, from the You are editing list, select the page that contains the form you want to edit.
- Click the form you want to edit.
- Go to the Options tab, and then select Edit Form.
- From the Insert Fields list select one of the following:
- Text Box
- A text box is smaller than a text area. Enter the name of the text box, then click OK.
- Text Area
- A text area is larger than a text box. Enter the name of the text area, then click OK.
- Radio Button
- Enter the name of the radio button, then click OK. Specify the name of the option.
- Check Box
- Enter the name of the check box, then click OK. Specify the name of the checkbox.
- List
- Enter the name of the list, then click OK. Specify the name of the list.
- Normal Button
- Enter the name of the button and click OK.
- Submit Button
- Adds a submit button to your form. This is the button visitors to your site will click when they are ready to send the form to you. In the label field, enter the text you want to display on the button. You can add a tooltip in the tooltip field. To move the button location, click Move Up or Move Down.
- Reset Button
- Allows the user to clear the information that was entered in the form. In the label field, enter the text you want to display on the button. You can add a tooltip in the tooltip field. To move the button location, click Move Up or Move Down.
- Date Selector
- To add a calendar, click Insert Calendar, and then type a label for the calendar.
- Click OK.