Nintendo Video Game

Dreamweaver Tutorials Creating a Web Contact Form This tutorial will explain how to create an online contact form. There are two pages involved: the form and the confirmation page. When a user presses th e submit button on the form, the information will be e-mailed to you, and the user will see a confirma Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Step 4 The form has three hidden fields. They are displayed in Dreamweaver as yellow anchor icons (see below). The hidden fields in this form are named subj Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Type a descriptive label for your text field directly in the form. Next, click on the Text Field icon from the Insert panel. A text field is added to the document at the insertion point. Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Type a heading in the form to describe the group of checkboxes, if desired. Click on the Checkbox icon from the Insert panel. Then add a label for each individual checkbox. Set options for each checkbox in the Properties panel: (required) A descriptive name for the checkbox group. If you are grouping Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Inserting radio buttons Type a heading in the form to describe the group of radio buttons, if desired. Click on the Radio Button icon from the Insert panel. Then add a label for each individual radio button. (This group of radio buttons does no t have a heading to describe them.) Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Type a label in the form to describe the list/menu. Cl ick on the List/Menu icon from the Insert panel. Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form Step 6 Check your form to make sure everything looks the way you expected. Preview it in the browser by choosing File Preview in Browser from the menu bar. Save the page. Step 7 Open the form-confirm.html file in Dreamweaver. Fo llow steps 2 and 3 from above to give the page a title and correct the default links. Step 8 Replace the default text you see below with your own re levant text and save the file. This is the page that users will see after they submit the form. Step 9 Upload both pages to your directory on the Web server. Remember, the URL of your confirmation page must match the URL you entered in the hidden redirect field on the form (step 4). Test the form before you start directing people to use it. Open the form through your browser Chicago-Kent Dreamweaver Tutorial Creating a Web Contact Form