Build a Mailto Form in KompoZer

01
of 10

Define the Form

Define the form
Define the form. Screen shot by J Kyrnin

After you've opened KompoZer, and opened the page you want your mailto form to be on, you need to define the form. First place your cursor on the page in the location where the form fields will go.

Then, to define the form, go to the Insert menu and choose Form and then "Define Form...".

02
of 10

Form Settings

Form Settings
Form Settings. Screen shot by J Kyrnin

The form settings window will appear. This allows you to give your form a name and the URL for the action field.

03
of 10

Basic Form Settings

Basic Form Settings
Basic Form Settings. Screen shot by J Kyrnin

Place your mailto link in the action field:

mailto:your email address

Change "your email address" to your full email address.

Make sure that the method field is marked as "GET". Then click on "More Properties".

04
of 10

Advanced Form Properties

Advanced Form Properties
Advanced Form Properties. Screen shot by J Kyrnin

In the encoding box, choose "text/plain". Then click OK.

05
of 10

Add Your First Form Field

Add Your First Form Field
Add Your First Form Field. Screen shot by J Kyrnin

Return to the Insert menu and choose Form and then "Form Field".

06
of 10

Form Field Settings

Form Field Settings
Form Field Settings. Screen shot by J Kyrnin
07
of 10

Form Field Type

Form Field Type
Form Field Type. Screen shot by J Kyrnin

KompoZer offers 10 different types of input field:

  • text
  • password
  • check box
  • radio button
  • submit button
  • reset button
  • file
  • hidden
  • image
  • button

If you want to add a text area or other type of form entry field, you'll need to use the other options in the Insert > Form menu.

08
of 10

Edit the Other Form Field Settings

Edit the Other Form Field Settings
Edit the Other Form Field Settings. Screen shot by J Kyrnin

The settings for your form fields are:

  • Field name - this is the name of the form element. I like to name them the same as the labels my readers will see.
  • Initial value - if you want the text field to have an initial value, fill it in here.
  • Read Only - text and password fields can be displayed but not editable. Check this box if this is one of those fields.
  • Initially Checked - fields like check boxes and radio buttons can have an initial selection. Check this box if you want this field to default to being selected.

In the More Properties section:

  • Disabled - a field that is marked as disabled won't be editable at all. Check this box if you want to disable the field.
  • Tab Index - put a number to indicate where this field appears in the tabbing order.
  • Access Key - provide a keyboard key to type and get to this field.
  • Field Size - define how many characters the field should display.
  • Maximum Length - define how many characters the field will accept.
  • Accept types - place the MIME types that this field should accept. This is most often used with the file field.

Once you've filled in the settings you want, click OK.

Repeat these steps until you've added all the form fields you want in your mailto form.

09
of 10

Don't Forget the Submit Form

Don't Forget the Submit Form
Don't Forget the Submit Form. Screen shot by J Kyrnin

Go to Input > Form > Form Field... and choose "Submit Button". In the field settings box, give your button a name, and a value. Remember that the field value is what will display on your button. When you've filled out all the settings, click OK.

10
of 10

Your Finished Form

Your Finished Form
Your Finished Form. Screen shot by J Kyrnin

Once you have your finished form you can save the page and upload it to your Web server.

Be sure to test your form to make sure that it is sending email to the correct location. Remember, if your Web form is having trouble sending the mail it's probably not your HTML. Mailto forms are notorious for not working specatacularly well. Their benefit is that they don't require programming. However, if you absolutely require that your form work, you'll need to get a CGI or PHP script for the action field.

Format
mla apa chicago
Your Citation
Kyrnin, Jennifer. "Build a Mailto Form in KompoZer." ThoughtCo, Feb. 19, 2016, thoughtco.com/build-mailto-form-in-kompozer-3468929. Kyrnin, Jennifer. (2016, February 19). Build a Mailto Form in KompoZer. Retrieved from https://www.thoughtco.com/build-mailto-form-in-kompozer-3468929 Kyrnin, Jennifer. "Build a Mailto Form in KompoZer." ThoughtCo. https://www.thoughtco.com/build-mailto-form-in-kompozer-3468929 (accessed November 20, 2017).