...

View Full Version : sending radio box information and input fields to email



algib
10-21-2010, 07:01 PM
I am creating a landing page and on the landing pages i want to have a giveaway. To enter the give away i want to have the user choose the option out of six and then enter their email and submit. i want the information to be sent to my email. how shall i go about doing this?

Gibson98
10-21-2010, 09:09 PM
Hey you can use an existing free contact for and edit it.

Something like this one

http://www.ibdhost.com/contact/

Just keep one field for email and change the other fields to radio buttons along with the heading and that should work fine

Hope that helps
Joe

GGReactor
10-21-2010, 09:16 PM
I'm sure this webpage (http://www.mv.com/webtools/forms-info/form-submit-ex-em.html) may be able to help you.

algib
10-21-2010, 09:31 PM
this is what i would like to do have all of these items and next to them a checkbox or radio button?

Atlanta Braves four tickets and a parking pass
Atlanta Hawks four tickets and a parking pass
Atlanta Thrashers four tickets and a parking pass
Atlanta Falcons four tickets and a parking pass
fox theater two tickets and a parking pass
Buckhead Dining Group dinner for two


when selected the choice goes into a text field next to it and you enter your email address and submit.
when submitted i want to be able to receive an email telling me their email address and choice.

my question is how can i do this all client side

kansel
10-21-2010, 10:03 PM
Going all client-side you're limited to using a mailto: form action (like a mailto: link).

There are several downsides to this approach:
- Your visitor will have to have the mailto: handler defined on his computer and the email application (Outlook, Thunderbird, etc.) set up correctly. Webmail like Hotmail, Gmail or Yahoo is not supported.
- Your visitor may receive a warning when submitting the form.
- Your email address (the address the form sends to) is visible to anything that can access the page (you can get around this with some JavaScript).

IF you're okay with all that, here's the simplest approach - no validation.
<form method="post" action="mailto:YOUR_EMAIL@ADDRESS.COM">
<p><input type="radio" name="select" id="braves" value="Atlanta Braves four tickets and parking pass" />
<label for="braves">Atlanta Braves four tickets and parking pass</label></p>
<p><input type="radio" name="select" id="hawks" value="Atlanta Hawks four tickets and parking pass" />
<label for="hawks">Atlanta Hawks four tickets and parking pass</label></p>
<p><input type="radio" name="select" id="thrashers" value="Atlanta Thrashers four tickets and parking pass" />
<label for="thrashers">Atlanta Thrashers four tickets and parking pass</label></p>
<p><input type="radio" name="select" id="falcons" value="Atlanta Falcons four tickets and parking pass" />
<label for="falcons">Atlanta Falcons four tickets and parking pass</label></p>
<p><input type="radio" name="select" id="fox" value="Fox Theater two tickets and parking pass" />
<label for="fox">Fox Theater two tickets and parking pass</label></p>
<p><input type="radio" name="select" id="buckhead" value="Buckhead Dining Group dinner for two" />
<label for="buckhead">Buckhead Dining Group dinner for two</label></p>
<p><input type="submit" id="submit" value="Submit" />
<input type="reset" id="reset" value="Reset" /></p>
</form>

You will note that there is no input field for email address. Since the form is going through the visitor's email application, the email address will be set automatically. (Of course you probably want to add the field so the visitor can specify a different address if desired.)

You can also add a subject field (text input or hidden) if you wish. The email application may or may not use it (my current app does not) and the email generated may or may not be what you expect. My current app is attaching the form results as a file instead of setting the text in the message body.

If your audience is a small, known quantity (like office co-workers) this approach would be acceptable. If this is open to the public, you probably want to find another solution. There are both paid and free form email services available.

GGReactor
10-21-2010, 10:11 PM
<form name="giveaway" method="post" action="mailto:your@email.com">
E-Mail:<input type="text" name="e-mail" size="25"><br>
Atlanta Braves Four Tickets and Parking Pass: <input type="radio" name="entry" value="Atlanta Braves Four Tickets and Parking Pass"><br>
Atlanta Hawks Four Tickets and Parking Pass: <input type="radio" name="entry" value="Atlanta Hawks Four Tickets and Parking Pass"><br>
Atlanta Thrashers Four Tickets and Park Pass: <input type="radio" name="entry" value="Atlanta Thrashers Four Tickets and Park Pass"><br>
Fox Theater Two Tickets and Parking Pass: <input type="radio" name="entry" value="Fox Theater Two Tickets and Parking Pass"><br>
Buckhead Dining Group Dinner for Two: <input type="radio" name="entry" value="Buckhead Dining Group Dinner for Two"><br>
<input type="submit" value="Submit">
</form>

I believe this will work.

Edit:
Disregard this, he beat me to the post.

algib
10-21-2010, 10:19 PM
thank you i got it working

Major Payne
10-22-2010, 01:12 PM
Glad you got it working. For future reference...

Recommend using a server-side script language if your web site allows it. Otherwise, you will have to use a client-side dependent "mailto:" action to get the form info sent to you.

Your current hosting package MUST allow SMTP ( http://en.wikipedia.org/wiki/Simple_Mail_Transfer_Protocol ) to work. Otherwise, no email can be sent.

PHP: Sending Email Tutorial (Text/HTML/Attachments): http://www.webcheatsheet.com/php/send_email_text_html_attachment.php

Use any of the below sites to make the workable form you need:

For making forms:

These are really good online form makers. Just follow the instructions for making it and uploading file(s).

Contact Form Generator: http://www.tele-pro.co.uk/scripts/contact_form/
WYSIWYG Form Maker: http://www.jotform.com/?gclid=CNKhqei1wJ4CFRQhnAod6laUqA
http://www.thesitewizard.com/wizards/feedbackform.shtml
Ajax - Creating an HTML Form: http://www.tizag.com/ajaxTutorial/ajaxform.php
http://www.phpform.org/

http://www.thepcmanwebsite.com/form_mail.shtml
http://emailmeform.com/
http://www.freecontactform.com/
http://www.reconn.us/content/view/12/34/ (Download - Contact Us Script)
http://formsmarts.com/

http://apptools.com/phptools/forms/forms1.php
Form Service: http://www.mycontactform.com/
Online Free Tool, PHP Contact Form Code Generator: http://www.htmlbasix.com/contactform.shtml
PHP Mailer Script Step by Step: http://www.htmlgoodies.com/beyond/php/article.php/3855686
PHP Sending E-mails: http://www.w3schools.com/PHP/php_mail.asp

Freebie: Good looking Fluid Contact Form: http://www.flashuser.net/flash-components/freebie-good-looking-flash-contact-form.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum