Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts

    sending radio box information and input fields to email

    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?

  • #2
    New Coder
    Join Date
    Mar 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #3
    New to the CF scene
    Join Date
    Oct 2010
    Location
    Blanchard, Oklahoma
    Posts
    6
    Thanks
    2
    Thanked 1 Time in 1 Post
    I'm sure this webpage may be able to help you.

  • #4
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    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

  • #5
    Regular Coder
    Join Date
    Jul 2002
    Location
    Kansas, USA
    Posts
    487
    Thanks
    0
    Thanked 54 Times in 53 Posts
    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.
    Code:
    <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.

  • Users who have thanked kansel for this post:

    algib (10-21-2010)

  • #6
    New to the CF scene
    Join Date
    Oct 2010
    Location
    Blanchard, Oklahoma
    Posts
    6
    Thanks
    2
    Thanked 1 Time in 1 Post
    Code:
    <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.

  • Users who have thanked GGReactor for this post:

    algib (10-21-2010)

  • #7
    New Coder
    Join Date
    Oct 2010
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    thank you i got it working

  • #8
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    851
    Thanks
    11
    Thanked 79 Times in 77 Posts
    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_...nsfer_Protocol ) to work. Otherwise, no email can be sent.

    PHP: Sending Email Tutorial (Text/HTML/Attachments): http://www.webcheatsheet.com/php/sen...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=CNKhqe...FRQhnAod6laUqA
    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/ph...le.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-compo...tact-form.html
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •