Create a Feedback form tutorial

In this tutorial, you will learn how to create a basic form.

Step 1 - Create 2 new web pages

You will create a new web page named Feedback and another named Thank you as its child page. In following steps, you will insert a new form in Feedback page, and will process the form data in Thank You page.
1. Select My Website in the left view, and then click New in the toolbar. Insert New Page dialog appears. Type Feedback in the Page Name, then click OK button. A new page named Feedback appears.
2. Select the Feedback page in the left view. Click New in the toolbar again. In Insert New Page dialog, type Thank you in the Page Name, then click OK button.

Step 2 - Create a new form

Edit mode is the typical Website Builder design mode. To create or modify a form, you need to choose the right web page in the left view, then choose Edit mode in the right view.
1. Select Feedback web page in the left view, then select Edit mode in the right view.
2. Choose Insert > Form in the menu, or click in the toolbar. Form Properties dialog appears.
3. Type feedback in Form Name.
4. Click Browse... button. Edit Hyperlink dialog appears. In Internal Link, choose Thank you page. Click OK. Thank you appears in Action Link field.
5. Make sure that Send to Email is checked and type you email address in the field.
Now you had a form with Submit button.

Step 3 - Add text and normal inputs in form

1. Click Insert button in Form Properties dialog. Form Row Properties dialog appears.
2. Type Your name in text field, then type name in Object Name field.
3. Click OK. A new row was added
4. Repeat 1 - 3 to add a new row with Your email in text field and email in Object Name field.
5. Repeat 1 - 3 to add a new row with Subject in text field and subject in Object Name field.
Now you had a form with 4 rows.

Step 4 - Add text and radio boxes in form

1. Click Insert button in Form Properties dialog. Form Row Properties dialog appears.
2. Choose Only Text
3. Type Where did you hear us? in Text field.
4. Click OK. A new row with only text was added.
5. Click Insert button in Form Properties dialog. Form Row Properties dialog appears.
6. Choose Only Object.
7. Type where in the Object Name field.
8. Choose Single Selection in Object Type. Choices in the Selection are enabled.
9. Click Insert... button, Choice Properties dialog appears.
10. Type TV in both Text field and Value field
11. Insert more Choices of Radio, Magazines, Internet, Friends by Insert... button.
12. Remove the Choice 1 and Choice 2 by Delete button.
13. Click the Advanced button. Advanced Options dialog appears. Type 1 in Character Height, Click OK button. All radio boxes are in one line now.
You had two more rows now. One had only text, and another had only radio boxes.

Step 5 - Add textarea object

1. Click Insert button in Form Properties dialog. Form Row Properties dialog appears.
2. Type Message in Text field, type message in Object Name field.
3. Choose textarea in sub-type
4. Click OK.
You created a Feedback form now. See the Preview. Use Move Up and Move Down button to reorder the rows if needed. Click OK button.
You created the form now. Congratulations!

Step 6 - Put some text in Thank you page

You can put whatever you like in Thank you page, for example, Thank you for contact us. We will reply as soon as possible. Visitors will see this after they submit the form.

Step 7 - Choose server-side script type

1. Choose Site > Script Setup in the menu. Server Technology dialog appears.
2. Choose PHP in the Server Script Field. Please contact with your web hosting company if you are not sure which server-side script (ASP or PHP) your server supports.
3. Click OK button.

That is all. You created a form and the page to processs it. Publish it to your website to have a test. Here is the result.

Your name
Your email
Subject
Where did you hear us?
Message

 

 


Hosted by www.Geocities.ws

1