Making a Simple RSVP Form - Help?

Discussion in 'HTML & Website Design' started by m1ndless, Jun 30, 2010.

  1. #1
    I am looking to get some help for my wedding website, I have the entire page coded but now need to add a html form to the blank space I have reserved for it.

    I know it requires Java, but I have no experience with programming, just very basic HTML.

    Can anyone help me make a very basic form? Here's what I need:

    Name:
    Email or Phone:
    Number Attending:
    Message [Optional]:

    What I am looking for is very basic, just blank boxes under the text, enough space for them to be able to type a response.

    All I need in terms of submitting is when they hit submit, it sends me an email with the info, and then takes them back to the home page or I can make a confirmation page.

    Any help doing this would be greatly aprpeciated, you don't need to code it for me obvioulsly (unless you want too!), I just need help.
     
    m1ndless, Jun 30, 2010 IP
  2. webcosmo

    webcosmo Notable Member

    Messages:
    5,840
    Likes Received:
    153
    Best Answers:
    2
    Trophy Points:
    255
    #2
    you started thinking in right direction.

    you gonna need to save those data somewhere and update accordingly. i think you better off hiring somebody do it.
     
    webcosmo, Jun 30, 2010 IP
  3. m1ndless

    m1ndless Peon

    Messages:
    1,112
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I do not wish to hire someone, since I would like to learn the proper way to do this.
     
    m1ndless, Jun 30, 2010 IP
  4. ChicWebDesign

    ChicWebDesign Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    For such a simple form you don't need javascript. Go to w3schools.com and you will see everything that you need.
     
    ChicWebDesign, Jun 30, 2010 IP
  5. hes

    hes Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Does your server run php? if it does, this would be easy.
     
    hes, Jun 30, 2010 IP
  6. m1ndless

    m1ndless Peon

    Messages:
    1,112
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I can do PHP but if the other poster said I can do this without java that would be great.
     
    m1ndless, Jun 30, 2010 IP
  7. hes

    hes Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You really don't need java for this. All you need is something like the following PHP code on form submission:

    
    mail( "your@email.com",
            "Title of Message",
    	$_POST['message'],
    	"From: ".$_POST['name']." <".$_POST['email_of_sender'].">");
    
    PHP:
     
    hes, Jun 30, 2010 IP
  8. m1ndless

    m1ndless Peon

    Messages:
    1,112
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Where do I add that in my code? Here is the code I wrote for the form so far. Not sure how to make it email when they hit the RSVP button.

    
                                <form>
                                 First Name: <input type="text" name="FirstName"  /><br /><P>
                                 Last Name: <input type="text" name="FirstName"  /><br /><P>
                                 Guests:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="FirstName"  /><br /><P>
                                 Message:&nbsp;&nbsp; <input type="text" name="LastName"  /><br /><p>
                                   <input type="submit" value="RSVP" />
                                                         </form> 
    
    Code (markup):
     
    m1ndless, Jun 30, 2010 IP
  9. hes

    hes Peon

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Firstly try doing this to the form:

    
    <form method="post" action="send.php">
        First Name: <input type="text" name="FirstName"  /><br />
        Last Name: <input type="text" name="LastName"  /><br />
        Guests:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="Guests"  /><br />
        Message:&nbsp;&nbsp;&nsbsp;<input type="text" name="Message"  /><br />
        <input type="submit" value="RSVP" />
    </form>
    
    HTML:
    Create a new file called "send.php" then add the following code:

    
    <?php
    mail( "the@email.com",
            "Title of Message",
            "Guests: ".$_POST['Guests']."/n/n".$_POST['Message'],
            "From: ".$_POST['FirstName']." ".$_POST['LastName']." <the@email.com>");
    ?>
    
    DOWN HERE YOU COULD ADD A CONFIRMATION MESSAGE...
    
    
    PHP:
    To whose email would you like the form to be sent? Replace the with the email address you want.
     
    hes, Jun 30, 2010 IP