How to Create Forms With Dreamweaver & Send Them Through Email
With Adobe's Dreamweaver application, you can build customized forms for your website so that you can gather the information you need from your Internet visitors. This HyperText Markup Language (HTML) text editor makes it easier to design the elements of your form, such as a drop-down menus or text boxes, because you are not required to know the HTML code needed to implement them. With your Dreamweaver application, you can create your own forms and send the resulting files through email.
Other People Are Reading
Instructions
-
Create the Form with Dreamweaver
-
1
Launch the Dreamweaver application and open a page by clicking "Open" from the "File" drop-down menu.
-
2
Place your cursor in the spot in the design window where you want your form to appear. Click the "Forms" tab on the "Insert" toolbar and then click the "Form" icon to generate a rectangle shape in the window that represents the form you are creating. The "Insert" toolbar is what you use throughout your form's construction.
-
-
3
Add a heading to your form to identify the title, such as "Contact Us," by clicking the "Text" tab. Choose a heading size, such as "h1" or "h2," by clicking the appropriate button and then type your title.
-
4
Insert a form element, such as a text field, by clicking the "Text Field" button. After the dialog box appears, fill in the "ID" prompt by naming what this field should be identified as when the form data is submitted to you. For example, if you are creating a field for a first name, a good "ID" is "firstname." Continue by entering a "Label," which is the wording that visitors see when they fill out a form (for example, "First Name:"). When done, click the "OK" button and then add the other form features that you require.
-
5
Add a "Submit" and "Reset" button at the bottom of your form by clicking the "Button" icon. In the "ID" field, enter the name of the button, such as "submit," leave the "Label" field blank and click the "No label tag" radio button. Click the "OK" button to finish and then create the "Reset" button if preferred.
-
6
Save your file by clicking the "Save As" option under the "File" drop-down menu. Make a note of where you save this file to so that you can easily retrieve it in the next section.
Send the Form Through Email
-
7
Launch the email application and create a new message.
-
8
Type the send-to address in the "To" field and your message in the body of the email.
-
9
Click the "Attach" link or icon in your message and select your form's HTM or HTML file that you created in the previous section.
-
10
Click the "Send" button to deliver your file to your recipient(s).
-
1
