Difference between revisions of "R4L/Services/Hosting/Basic/FormMail"
Line 3: | Line 3: | ||
<br /><br /> | <br /><br /> | ||
− | == Form Mail with Captcha == | + | == '''Form Mail with Captcha''' == |
<br /> | <br /> | ||
A ''Captcha'' is a random set of characters that is generated on the form page that your visitor needs to type in correctly in order for the form to be processed. This technique helps reduce use of the form by automated programs that generate spam.<br /> | A ''Captcha'' is a random set of characters that is generated on the form page that your visitor needs to type in correctly in order for the form to be processed. This technique helps reduce use of the form by automated programs that generate spam.<br /> | ||
− | In this example scripts, you of course need to replace ''your-domain | + | In this example scripts, you of course need to replace ''your-domain.com'' with your actual domain name.<br /> |
+ | When you implement your form, we recommend you start with the example script | ||
<br /><br /> | <br /><br /> | ||
<nowiki><form action="/cgi-bin/form-captcha.cgi" method="POST"> | <nowiki><form action="/cgi-bin/form-captcha.cgi" method="POST"> | ||
− | <input type="hidden" name="recipient" value="you@your-domain | + | <input type="hidden" name="recipient" value="you@your-domain.com"> |
− | <input type="hidden" name="subject" value="Web contact: http://your-domain | + | <input type="hidden" name="subject" value="Web contact: http://your-domain.com"> |
<input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> | <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> | ||
<table border="0" cellpadding="3" cellspacing="3" width="650"> | <table border="0" cellpadding="3" cellspacing="3" width="650"> | ||
Line 60: | Line 61: | ||
<br /><br /> | <br /><br /> | ||
− | == Form Mail without Captcha == | + | == '''Form Mail without Captcha''' == |
<br /> | <br /> | ||
To create a contact form without Captcha (not recommended, as it's more prone to abuse by spammers), you can use this following sample code. | To create a contact form without Captcha (not recommended, as it's more prone to abuse by spammers), you can use this following sample code. | ||
<nowiki><form name="web_email" method="post" action="/cgi-bin/form-mail.cgi"> | <nowiki><form name="web_email" method="post" action="/cgi-bin/form-mail.cgi"> | ||
− | <input type="hidden" name="recipient" value="you@your-domain | + | <input type="hidden" name="recipient" value="you@your-domain.com"> |
− | <input type="hidden" name="subject" value="Web contact: http://your-domain | + | <input type="hidden" name="subject" value="Web contact: http://your-domain.com"> |
<input type="hidden" name="required" value="email,realname,feedback"> | <input type="hidden" name="required" value="email,realname,feedback"> | ||
<input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> | <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> | ||
Line 93: | Line 94: | ||
<br /><br /> | <br /><br /> | ||
− | == Form Mail Optional Fields == | + | == '''Form Mail Optional Fields''' == |
− | + | <br /> | |
In your form, you may use any of the following fields. These apply for both the form mail with and without Captcha. | In your form, you may use any of the following fields. These apply for both the form mail with and without Captcha. | ||
+ | {| class="wikitable" style="color:#006000; background-color:#ffffcc;" cellpadding="10" | ||
+ | !style="color:#006000; background-color:#ffffac;" width="120"|Field! | ||
+ | !style="color:#006000; background-color:#ffffac;" width="240"|Sample! | ||
+ | !style="color:#006000; background-color:#ffffac;"|Description! | ||
+ | |- | ||
+ | |align="center"| email | ||
+ | |<nowiki><input type="text" name="email"></nowiki> | ||
+ | | This form field will allow the user to specify their return e-mail address. If you want to be able to return e-mail to your user, I strongly suggest that you include this form field and allow them to fill it in. This will be put into the From: field of the message you receive. If you want to require an email address with valid syntax, add this field name to the 'required' field. | ||
+ | |- | ||
+ | |align="center"| realname | ||
+ | |<nowiki><input type="text" name="realname"></nowiki> | ||
+ | |The realname form field will allow the user to input their real name. This field is useful for identification purposes and will also be put into the From: line of your message header. | ||
+ | |- | ||
+ | |align="center"| redirect | ||
+ | |<nowiki><input type="hidden" name="redirect" value="http://your.host.com/to/file.html"></nowiki> | ||
+ | |If you wish to redirect the user to a different URL, rather than having them see the default response to the fill-out form, you can use this hidden variable to send them to a pre-made HTML page. | ||
+ | |- | ||
+ | |align="center"| required | ||
+ | |<nowiki><input type="hidden" name="required" value="email,phone"></nowiki> | ||
+ | |You can now require for certain fields in your form to be filled in before the user can successfully submit the form. Simply place all field names that you want to be mandatory into this field. If the required fields are not filled in, the user will be notified of what they need to fill in, and a link back to the form they just submitted will be provided.<br /> | ||
+ | To use a customized error page, see 'missing_fields_redirect' | ||
+ | |- | ||
+ | |align="center"| env_report | ||
+ | |<nowiki><input type="hidden" name="env_report" value="REMOTE_HOST,HTTP_USER_AGENT"></nowiki> | ||
+ | |Allows you to have Environment variables included in the e-mail message you receive after a user has filled out your form. Useful if you wish to know what browser they were using, what domain they were coming from or any other attributes associated with environment variables. The following is a short list of valid environment variables that might be useful:<br /> | ||
+ | REMOTE_HOST - Sends the hostname making the request.<br /> | ||
+ | REMOTE_ADDR - Sends the IP address of the remote host making the request.<br /> | ||
+ | REMOTE_USER - If server supports authentication and script is protected, this is the username they have authenticated as. *This is not usually set.*<br /> | ||
+ | HTTP_USER_AGENT - The browser the client is using to send the request.<br /> | ||
+ | There are others, but these are a few of the most useful. For more information on environment variables, see: http://hoohoo.ncsa.uiuc.edu/cgi/env.html | ||
+ | |- | ||
+ | |align="center"| sort | ||
+ | |<nowiki><input type="hidden" name="sort" value="alphabetic"></nowiki><br /> | ||
+ | <nowiki><input type="hidden" name="sort" value="order:name1,name2,etc..."></nowiki> | ||
+ | |This field allows you to choose the order in which you wish for your variables to appear in the e-mail that FormMail generates. You can choose to have the field sorted alphabetically or specify a set order in which you want the fields to appear in your mail message. By leaving this field out, the order will simply default to the order in which the browsers sends the information to the script (which is usually the exact same order as they appeared in the form.) When sorting by a set order of fields, you should include the phrase "order:" as the first part of your value for the sort field, and then follow that with the field names you want to be listed in the e-mail message, separated by commas. Version 1.6 allows a little more flexibility in the listing of ordered fields, in that you can include spaces and line breaks in the field without it messing up the sort. This is helpful when you have many form fields and need to insert a line wrap. | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |- | ||
+ | |align="center"| | ||
+ | |<nowiki></nowiki> | ||
+ | | | ||
+ | |||
+ | |} |
Revision as of 15:02, 15 January 2015
Contents |
Form Mail
The following are working examples of HTML code you can use to create a form on your website. When your visitor submits this form, you will receive an email with the contents of what they submitted in the form. These forms can be used as a contact me page or other uses.
Form Mail with Captcha
A Captcha is a random set of characters that is generated on the form page that your visitor needs to type in correctly in order for the form to be processed. This technique helps reduce use of the form by automated programs that generate spam.
In this example scripts, you of course need to replace your-domain.com with your actual domain name.
When you implement your form, we recommend you start with the example script
<form action="/cgi-bin/form-captcha.cgi" method="POST"> <input type="hidden" name="recipient" value="you@your-domain.com"> <input type="hidden" name="subject" value="Web contact: http://your-domain.com"> <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> <table border="0" cellpadding="3" cellspacing="3" width="650"> <tr> <td class="right">Name:</td> <td><input type="text" size="30" maxlength="100" name="name"></td> </tr> <tr> <td class="right">Mailing Address:</font></td> <td><input type="text" size="20" maxlength="100" name="address"></td> </tr> <tr> <td class="right">City:</font></td> <td><input type="text" size="20" maxlength="100" name="city"></td> </tr> <tr> <td class="right">State:</font></td> <td><input type="text" size="15" maxlength="100" name="city1"></td> </tr> <tr> <td class="right">Zip or Postal Code:</font></td> <td><input type="text" size="11" maxlength="10" name="zip"></td> </tr> <tr> <td class="right">Phone:</font></td> <td><input type="text" size="15" maxlength="20" name="phone"></td> </tr> <tr> <td class="right">e-mail:</font></td> <td><input type="text" size="20" maxlength="100" name="email"></td> </tr> <tr> <td class="right" width="50%"><font size="3" face="arial">To prevent automated posts, please enter the text shown on the image as the verification code below.</font></td> <td width="50%"><font size="3" face="arial"><strong><img src="/cgi-bin/captcha.cgi" border="1"></strong></font></td> </tr> <tr> <td class="right"><font size="3" face="arial"><strong>Verification Code:</strong></font></td> <td><font size="3" face="arial"><input type="text" size="8" maxlength="20" name="verifytext" ></font></td> </tr> <tr> <td class="right">Feedback:</font></td> <td><textarea rows="8" name="feedback" cols="40"></textarea> </td> </tr> <tr> <td class="center" colspan="2"><input type="submit" name="submit" value="Submit"></td> </tr> </table> </form>
Form Mail without Captcha
To create a contact form without Captcha (not recommended, as it's more prone to abuse by spammers), you can use this following sample code.
<form name="web_email" method="post" action="/cgi-bin/form-mail.cgi"> <input type="hidden" name="recipient" value="you@your-domain.com"> <input type="hidden" name="subject" value="Web contact: http://your-domain.com"> <input type="hidden" name="required" value="email,realname,feedback"> <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT"> <blockquote> <p>Name: <input type="text" size="27" name="realname" /> <p>Your Email:<b>*</b><br><input type="text" size="28" name="email" /> <p>Have you visited us before?<br /> <select name="visit"> <option value="Yes" />Yes <option value="No" />No </select> <p><e>How did you find our web site?</p> <select name="refer"> <option value="search_engine">Search Engine <option value="commercial_tv">Television Commercial <option value="online_ad">Online ad <option value="friend">Friend - Word of mouth <option value="other">Other </select> <p>Enter your question or feedback below: <br /> <textarea rows="8" name="feedback" cols="40"></textarea> <br /><br /> <input type="submit" value="Send Message" name="send"></p> </blockquote> </form>
Form Mail Optional Fields
In your form, you may use any of the following fields. These apply for both the form mail with and without Captcha.
Field! | Sample! | Description! |
---|---|---|
<input type="text" name="email"> | This form field will allow the user to specify their return e-mail address. If you want to be able to return e-mail to your user, I strongly suggest that you include this form field and allow them to fill it in. This will be put into the From: field of the message you receive. If you want to require an email address with valid syntax, add this field name to the 'required' field. | |
realname | <input type="text" name="realname"> | The realname form field will allow the user to input their real name. This field is useful for identification purposes and will also be put into the From: line of your message header. |
redirect | <input type="hidden" name="redirect" value="http://your.host.com/to/file.html"> | If you wish to redirect the user to a different URL, rather than having them see the default response to the fill-out form, you can use this hidden variable to send them to a pre-made HTML page. |
required | <input type="hidden" name="required" value="email,phone"> | You can now require for certain fields in your form to be filled in before the user can successfully submit the form. Simply place all field names that you want to be mandatory into this field. If the required fields are not filled in, the user will be notified of what they need to fill in, and a link back to the form they just submitted will be provided. To use a customized error page, see 'missing_fields_redirect' |
env_report | <input type="hidden" name="env_report" value="REMOTE_HOST,HTTP_USER_AGENT"> | Allows you to have Environment variables included in the e-mail message you receive after a user has filled out your form. Useful if you wish to know what browser they were using, what domain they were coming from or any other attributes associated with environment variables. The following is a short list of valid environment variables that might be useful: REMOTE_HOST - Sends the hostname making the request. |
sort | <input type="hidden" name="sort" value="alphabetic"><input type="hidden" name="sort" value="order:name1,name2,etc..."> |
This field allows you to choose the order in which you wish for your variables to appear in the e-mail that FormMail generates. You can choose to have the field sorted alphabetically or specify a set order in which you want the fields to appear in your mail message. By leaving this field out, the order will simply default to the order in which the browsers sends the information to the script (which is usually the exact same order as they appeared in the form.) When sorting by a set order of fields, you should include the phrase "order:" as the first part of your value for the sort field, and then follow that with the field names you want to be listed in the e-mail message, separated by commas. Version 1.6 allows a little more flexibility in the listing of ordered fields, in that you can include spaces and line breaks in the field without it messing up the sort. This is helpful when you have many form fields and need to insert a line wrap. |