HTML - Safest Way To Make <form>
Hello all,
It's been a while since I've made a form in HTML, but I'm thinking of just making the form submit directly to my e-mail: Code: <form action="mailto:email@gmail.com"> I get the sneaking suspicion, however, that this method might open the gateway for spam or security issues. Am I wrong? Or is there perhaps a safer way to route the info from the form? If it's of any help, this form will be used for my portfolio website. Users will be able to write to me to make contact or request a quote for a job. Thanks for your time! Similar TutorialsHTML Code: <form method="post" action="mailto:xxxxxxxx@xx.com "> <table class="text3"> <tr><td valign="top" width="140">Voornaam:</td><td><input name="requiredvoornaam" type="text" id="requiredvoornaam" class="veld" size="30" /></td></tr> <tr><td valign="top" width="140">Achternaam:</td><td><input name="requiredachternaam" type="text" id="requiredachternaam" class="veld" size="30" /></td></tr> <tr><td valign="top">E-mail:</td><td><input name="requiredemail" type="text" id="requiredemail" class="veld" size="30" /></td></tr> <tr><td valign="top">Telefoonnummer:</td><td><input name="requiredtelefoonnummer" type="text" id="requiredtelefoonnummer" class="veld" size="30" /></td></tr> <tr><td valign="top">Adres:</td><td><input name="requiredadres" type="text" id="requiredadres" class="veld" size="30" /></td></tr> <tr><td valign="top">Woonplaats:</td><td><input name="requiredwoonplaats" type="text" id="requiredwoonplaats" class="veld" size="30" /></td></tr> <tr><td valign="top">Aankomstdatum:</td><td><select name="adag" id="adag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="amaand" id="amaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="ajaar" id="ajaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Vertrekdatum:</td><td><select name="vdag" id="vdag"> <option value="Dag">Dag</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="vmaand" id="vmaand"> <option value="Maand">Maand</option> <option value="Januari">Januari</option> <option value="Februari">Februari</option> <option value="Maart">Maart</option> <option value="April">April</option> <option value="Mei">Mei</option> <option value="Juni">Juni</option> <option value="Juli">Juli</option> <option value="Augustus">Augustus</option> <option value="September">September</option> <option value="Oktober">Oktober</option> <option value="November">November</option> <option value="December">December</option> </select> <select name="vjaar" id="vjaar"> <option value="Jaar">Jaar</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select> </td></tr> <tr><td valign="top">Welke huisje:</td><td><select name="huisje" id="huisje"> <option value="1">.____Huisje Zomerbries_____.</option> <option value="2">.____Huisje Wervelwind_____.</option> <option value="3">.____Huisje Tornado________.</option> </select> <tr><td valign="top">Aantal personen:</td><td><select name="aantal personen" id="aantal personen"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> </select> <tr><td valign="top">Overige vragen:</td><td><textarea name="bericht" rows="6" cols="23" id="bericht" class="area"></textarea></td></tr> <tr><td valign="top"></td><td><input type="submit" name="sendFormButton" value="Verzenden" id="sendFormButton" /></td> </tr> </table> </form> </td></tr></table> This is what i get once tested... its out of order... Help me plz...... Im not good with those thingz.. Hello, I have a graphic opt in form that I would like to make pop up in the same window when someone arrives at my website. Does anyone know how to do that? Here is the code: <html> <head> <title>optin-graphic-blue</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (optin-graphic-blue.jpg) --> <div align="center"> <center> <table id="Table_01" width="160" height="400" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_01.jpg" alt="" width="160" height="111"></td> </tr> <tr> <td background="images/optin-graphic-blue_02.jpg" width="15" height="132"> </td> <td background="images/optin-graphic-blue_03.jpg" width="131" height="132" valign="top"> <font color="#FFFFFF" face="MS Sans Serif" size="2">Place all the benefits of signing up for your newsletter here! You can also add an e-cover image in this space.</font><p> <font color="#FFFFFF" face="MS Sans Serif" size="2">Best of all... NO GRAPHIC TO EDIT! </font></p> <p><font color="#FFFFFF" face="MS Sans Serif" size="2">And just as beneficial is the fact that this space will increase vertically as you add text and images. </font></p> <p><font color="#FFFFFF" face="MS Sans Serif" size="2">Therefore, you're NOT LIMITED to the amount of text you can add here!<br> </font></td> <td background="images/optin-graphic-blue_04.jpg" width="14" height="132"> </td> </tr> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_05.jpg" alt="" width="160" height="25"></td> </tr> <tr> <form method="post" action="http://www.aweber.com/scripts/addlead.pl"> <input type="hidden" name="meta_web_form_id" value="0123456789"> <input type="hidden" name="meta_split_id" value=""> <input type="hidden" name="unit" value="YourListName"> <input type="hidden" name="redirect" value="http://www.aweber.com/form/thankyou.html"> <input type="hidden" name="meta_adtracking" value=""> <input type="hidden" name="meta_message" value="1"> <input type="hidden" name="meta_required" value="from,name"> <input type="hidden" name="meta_forward_vars" value="0"> <td> <img src="images/optin-graphic-blue_06.jpg" alt="" width="15" height="23"></td> <td background="images/optin-graphic-blue_07.jpg" width="131" height="23"> <p align="center"> <input STYLE="font-family: Arial,Verdana,Tahoma; font-size: 12px; color: #000000; font-weight: normal; height: 20px; width: 120px; background-color: #F8F8F8" TYPE="TEXT" name="name" SIZE="5"></td> <td> <img src="images/optin-graphic-blue_08.jpg" alt="" width="14" height="23"></td> </tr> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_09.jpg" alt="" width="160" height="25"></td> </tr> <tr> <td> <img src="images/optin-graphic-blue_10.jpg" alt="" width="15" height="24"></td> <td background="images/optin-graphic-blue_11.jpg" width="131" height="24"> <p align="center"> <input STYLE="font-family: Arial,Verdana,Tahoma; font-size: 12px; color: #000000; font-weight: normal; height: 20px; width: 120px; background-color: #F8F8F8" TYPE="TEXT" name="from" SIZE="5"></td> <td> <img src="images/optin-graphic-blue_12.jpg" alt="" width="14" height="24"></td> </tr> <tr> <td colspan="3"> <a href="#" onmouseover="window.status='Subscribe Now!'; return true;" onmouseout="window.status=''; return true;" onclick="check_link=0; window.document.forms[0].submit();"> <img src="images/optin-graphic-blue_13.jpg" border="0" alt="Subscribe Now!" width="160" height="38"></a></td> </tr> </form> <tr> <td colspan="3"> <img src="images/optin-graphic-blue_14.jpg" alt="" width="160" height="22"></td> </tr> </table> </center> </div> <!-- End ImageReady Slices --> </body> </html> I'm convinced that its very simple but cant figure it out yet. I'd really appreciate your help. I'm trying to integrate my aweber code into a graphical form. AWEBER CODE ---------------------------------------- HTML Code: <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="378818622" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="superpowernutri" /> <input type="hidden" name="redirect" value="http://google.com" id="redirect_3851a3a65806cdcf11082fdddc304cdb" /> <input type="hidden" name="meta_adtracking" value="superpower" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="" /> </div> <div id="af-form-378818622" class="af-form"><div id="af-body-378818622" class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-31806523">Name: </label> <div class="af-textWrap"> <input id="awf_field-31806523" type="text" name="name" class="text" value="" tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-31806524">Email: </label> <div class="af-textWrap"><input class="text" id="awf_field-31806524" type="text" name="email" value="" tabindex="501" /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> --------------------------------------- THE GRAPHICAL FORM THAT I'M TRYING TO INTEGRATE THE ABOVE CODE INTO: ---------------------------------------------------------------------- HTML Code: AUTORESPONDER CODE START HERE //--> <!-- You can edit or replace the form below with your own autoresponder code --> <form> <input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" /> <input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" /> <input type="submit" name="submit" value="" class="opt_btn" /> </form> <!-- YOUR AUTORESPONDER CODE END HERE //--> ---------------------------------------- big kisses to anyone who can help me solve this I'm selling a product and only three out of four are managed through Paypal. I have a buy now drop-down form on my site for Paypal, but I need to ad a fourth option without changing the name of the form. When that one option is selected the user should be auto redirected to another page. The other three options shouldn't do anything until the buyer presses the payday buy now button. Any ideas? I'm sure this has a simple solution, but I've tried a variety of search terms online and the books I have and haven't had any luck. I have the following drop down in my code. <select name="releaseDepartment"> <option value="---">---</option> <option value="membership">Membership</option> <option value="program">Program</option> <option value="fundDevelopment">Fund Development</option> <option value="finance">Finance</option> <option value="outdoor">Outdoor</option> </select> What can I add to my code to make this mandatory (if '---' is still selected pop up a window that says "You must select a department for this release.") Thanks. please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. Hey, Whats the html coding i need to use to create a box like what is displayed on this page, where the html code is written: http://www.myweddingfavors.com/linktous.html Just under where it says "You can copy and paste the code below:" Thanks in advance. website below. what is used to make the man on the right come out and talk. Did they take a video and embedd it? TIA http://thiscityisgoingonadiet.com/Default.aspx Can anyone please make the below design since I am aware that how to rotate image in css. Please help me to make the below design & I have only one line image & we have to touch that line with its side of cell & make it as image. Please help me.... Below link is mentioned... yfrog.com/kizuk1p Regards... I tried making this template, but it doesnt work, it wont unzip, there are no files in it. if anyone can make this for me and give me the code, that would be great. http://myfreetemplatehome.com/free_t...tails-159.html i need like a Username and password box that when you press submit it will send a email to my adress saying what the user put in the username and password box, if you get what i mean? Okay, I am starting up a forum and I want to make it so if somebody want to advertise they click a link and fill out information. This is no problem. But the next thing i want is for it to redirect to a certain page and email at the same time. Also I would like to make it so what ever the user chosses in "radio" button, will determine what page it redirects to. So like this. Example: Where would you like to advertise? o Top o Bottom 0 Side Lets say the user chooses top, then it will redirect to http://choice1.com, but if he chooses bottom it will go to http://choice2.com How can I do this? My over all goal is to have the first page ask for basic info, the user clicks submit and it brings them to the advertising choices, the click submit and it brings them to either a paypal page or a page with a paypal button for payment. And every page is emailed at once or seperate Hope you can help, i can use either html or php for these pages to let you know. Hi, is there anyway to make a sup on a paragraph? if so, could you tell me how, please? Paul Weinstock Hi. I'm new to this site so i'm sorry if i posted the thread in the wrong part of the forum. Anyhow. I'm pretty new to HTML and CSS and wonder. How do i make, goodlookin' buttons? I want them to interact when hoovering over them with the mousepointer. I would be SO greatful if someone could help me out. Thanks I know this must be a simple process but I cant figure it out. Yes I did try the search function, but obviously not that well or I would have found this At any rate, do I have to load them all in a special file than connect it through like a CSS sheet or something to that affect? This is all very new and Ive read a bit so I think I can keep up. I've been teaching myself html and a little bit of css recently. In doing so I've made a few different websites of bits and pieces that interest me, just for myself. I've attatched the code for a website I started. The thing is I know I'm going about it in a most inefficient way (I have a new table in the html code for every entry), but I don't know how else to go about it. I'd be most interested to know how a professional web developer would go about coding this site (given the design I've done). What technologies would they use, especially what would they use to handle several more entries? And yes, I did steal the design of the site, but I really like it, and it was just for my own learning. Thanks in advance. Hey... Does anyone know the HTML for a login box? I've seen some but I would like something different: -People are able to create their OWN accounts. -People sign up with it and a username and password. -People can not have the same username as someone else. -(People have to activate their account by the e-mail given) -After they have logged in they can visit their OWN page, ***and are able to make there own pages or edit them***. I know this is rather demanding! Does anyone have any ideas? ***Is it possible for people to make their own pages?*** Thanks, Josh I want to make a comment box, but I am new to HTML, and do not know much on it, I tried to make it save and load the comments from a text file, but, I do not know how. A little help please How can I make a list in HTML like so... Name: Charles Steve Mike James James Johnson Marcus Willis All the names should be aligned straight down aligned properly with the first name "Charles" for some reason this forumn does not show post the way i wrote it |