1. Technology

How To Create a Mailto Form in Dreamweaver

By

Adobe Dreamweaver CS6

Adobe Dreamweaver CS6

Image courtesy Adobe

This tutorial works in the following versions of Dreamweaver:

  • Dreamweaver CS6
  • Dreamweaver CS5
  • Dreamweaver CS4
  • Dreamweaver CS3
  • Dreamweaver 8
  • Dreamweaver MX 2004
  • Dreamweaver MX

One of the simplest forms is the mailto form, where all the form data is sent, via email, to the recipient. It’s easy to create a mailto form in Dreamweaver. Follow these simple steps and you’ll have a Dreamweaver mailto form in no time at all.

Difficulty: Average
Time Required: 30 minutes

Here's How:

  1. First create the form.
    Switch to the Forms tab on the Insert bar, and click on the Form icon (first on the left).

  2. Set the form properties.
    Click on the Form box, and in the properties menu, type the following:

    action: mailto:emailaddress
    method: GET
    Enctype: text/plain
  3. Add the form fields.
    Choose the fields you want from the Form tab on the Insert bar.

  4. Be sure to include a submit button. Click the button icon (third from the right), and make sure the action is “Submit form.”

  5. Save the file.

  6. Upload it to your web server and test it.

Tips:

  1. It’s very important to set the encoding type to text/plain otherwise you’ll get strange results.

  2. Remember that mailto forms are dependant upon the web browser your customer uses, the email client, and the operating system. They don’t always work.

What You Need

  • Dreamweaver

©2014 About.com. All rights reserved.