Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

website form to email

Options
  • 20-03-2014 1:56pm
    #1
    nige
    Registered Users Posts: 53 ✭✭


    Hi

    I am new to all this , can anyone point me in the right direction as how to get this form to send the information to my email address ,the easiest way possible



    <div id="booking"></div>
    <div id="book">

    <div id="top"></div>
    <div id="mid">
    <div id="form">

    Name <input type="text" size= "28"; height="13" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:10px; margin:40px 0px 10px 94px;"} />
    <br />Telephone Number &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <input type="text" size= "28 "; height="13" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 10px 0px;"} />
    <br />Email Address <input type="text" size= "28"; height="13" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px 0px 10px 47px;"} />
    <br />Address <input type="text" size= "28" style="font-family:Arial, Helvetica, sans-serif; height:73px; font-size:12px; margin:0px 0px 10px 82px;"} />
    <br />Destination <select style="text-align:center; margin-left:65px;" >
    <option>Please Select</option>
    <option>Portugal</option>
    <option>Spain</option>
    <option>Tenerife</option>
    <option>Gran Canaria</option>
    </select>

    <br /> Number of People <select style="text-align:center; margin:10px 0px 0px 28px; width:60px;">
    <option> -- </option>
    <option> 01 </option>
    <option> 02 </option>
    <option> 03 </option>
    <option> 04 </option>
    <option> 05 </option>
    <option> 06 </option>
    <option> 07 </option>
    <option> 08 </option>
    <option> 09 </option>
    <option> 10+ </option>

    </select>
    <br />
    Duration <select style="text-align:center; margin:10px 0px 0px 81px; width:60px;">
    <option> -- </option>
    <option> 01 </option>
    <option> 02 </option>
    <option> 03 </option>
    <option> 04 </option>
    <option> 05 </option>
    <option> 06 </option>
    <option> 07 </option>
    <option> 08 </option>
    <option> 09+ </option>

    </select>


    <br />Accom<select style="text-align:center; margin:10px 0px 0px 99px; width:149px;">
    <option>Please Select</option>
    <option>Apartments</option>
    <option>2** Hotel</option>
    <option>3*** Hotel</option>
    <option>4**** Hotel</option>
    <option>5***** Hotel</option>

    </select>

    <br /> Number of Rounds <select style="text-align:center; margin:10px 0px 0px 23px; width:60px;">
    <option> -- </option>
    <option> 01 </option>
    <option> 02 </option>
    <option> 03 </option>
    <option> 04 </option>
    <option> 05 </option>
    <option> 06 </option>
    <option> 07+ </option>
    </select>

    <br /> <div style="margin-top:10px;">Car Hire                            <input type="checkbox" name="Yes" value="Yes"/>Yes <input type="checkbox" name="no" value="no" />No
    </div>
    <br />Other <input type="text" size= "28" style="font-family:Arial, Helvetica, sans-serif; height:23px; font-size:12px; margin:10px 0px 10px 91px;"} />
    <a id="button" href="#">Submit</a>
    </div>
    </div>
    <div id="bottom"></div>

    </div>


Comments

  • Options
    #2
    maki
    Registered Users Posts: 772 ✭✭✭maki


    Firstly, your code isn't actually a form. You have a div called form, but that won't really do anything. You need actual <form> tags.

    There's no "easy" way to do what you ask. HTML is a client side language. You'll need server side code to pick up the POST information from the page, parse it, and email what you need.

    The simplest (relatively) way would probably be using PHP, but you're going to need a server to be able to do anything with it.


  • Options
    #3
    mjgdunne1
    Registered Users Posts: 7 ✭mjgdunne1


    If you go to - http://www.html-form-guide.com/contact-form/php-email-contact-form.html it should give you a good idea of what you will need to do. HTML will only allow you to open a mailto which would open outlook of whatever mail application is being used on the users computer. As maki suggested PHP is probably the best option for you.


  • Options
    #4
    nige
    Registered Users Posts: 53 ✭✭nige


    Thanks for the replies

    Nige


  • Options
    #5
    billyduk
    Registered Users Posts: 172 ✭✭billyduk


    nige wrote: »
    Thanks for the replies

    Nige

    The answer to your question is you can't. Not with client side technologies like HTML. You need to use something like PHP to temporarily store the submitted form on a server before mailing it to a specified email address. HTML is just a presentation language.

    PM me and i'll send you a very very very simple PHP script that handles a basic name, email and message form submission that you can build upon. Although I would be looking to learn more about HTML before tackling something like PHP.


Advertisement