HTML - Editing Code To Send Email
Hi there,
I'm completely new to HTML and have no idea, coming from using Serif WebPlus, a pumped up Publisher some may say! Now, i downloaded a booking form (http://css-tricks.com/downloads/ scroll down till you see 'Step-by-Step Seminar Registration') It really is great, but i want to be able to get it to send the info collected to an email, how is this done? Can a newb achieve this?? Similar TutorialsHi, I want to put in a form to get queries from the user, like so: Name: Email: Comments: 'Send' button and that it will send the information to my email address which is gmail? Thanks Iv got this code which is on one of my pages for a contact form, which is then emailed to me using a portal system on the server. I'm just wondering if i can edit this code somehow so that if a certain option is picked then more boxes get added to the form? The code i have is; Code: <form action="feedback.html" method="post"> <table width="797" height="410" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody> <tr> <td> <h3 style="border-bottom: 1px solid black;">Contact Us</h3> </td> </tr> <tr> <td><label style="float: left; width: 140px;" for="YourName">Your Name:</label><input type="text" style="width: 200px;" maxlength="" value="" id="YourName" name="YourName" /> <div style="clear: left; height: 20px;"> </div> <label style="float: left; width: 140px;" for="YourEmail">Your Email:</label><input type="text" style="width: 200px;" maxlength="" value="" id="YourEmail" name="YourEmail" /> <div style="clear: left; height: 20px;"> </div> <label for="HearAboutUs" style="float: left; width: 140px;">What is the nature of your enquiry?</label><select id="Nature" name="Nature of Enquiry"> <option value="Advertising">Advertising</option> <option value="Site Feedback">Site Feedback</option> <option value="Other">Other</option> </select> <div style="clear: left; height: 20px;"> </div> <label style="display: block; margin-bottom: 5px;" for="MessageComments">Message/Comments:</label><textarea style="width: 400px; height: 100px;" maxlength="" id="MessageComments" name="MessageComments"></textarea> <div style="clear: left; height: 20px;"> </div> </td> </tr> <tr> <td align="left"><input type="submit" value=" Submit " /> <input type="reset" value=" Reset " /></td> </tr> </tbody> </table> </form> Its not set up for me yet but i want it so that if someone selects the advertising enquiry option then more boxes appear for their site URL and image URL to be put. I guess this would be done using an IF command, but how? I hope this makes sense. Thanks Jake ok i have the following code for an affiliates box on my forum only i want it to look like a new catorgory of my forum with the same design as the catogorys can someone please tell me where im going wrong or what i need to do or edit the code so it will work for me please. Code: <br> <div class="tableborder"> <div class='maintitle' align='left'><Affiliates>Affiliates </div> <table width="100%" cellspacing="6" id="submenu"> <tr> <td> <!-- Affiliates Content --> <marquee scrollamount="2" loop="true" onmouseover='this.stop()' onmouseout='this.start()' scrolldelay= "25"> <a href="http://teensop.30.forumer.com/index.php?"><img src="http://h1.ripway.com/HManager/af_bar_f.gif"></a> <a href="http://www.maneelgrover.com/"><img src="http://www.filehive.com/files/0729/1mg2.gif"></a> <a href="http://pe2.tt.cx/"><img src="http://www.filehive.com/files/0729/pe2.PNG"></a> </marquee> <!-- End of Affiliates Content --> </td> </tr> </table> </div> <!-- End Affiliates Section --> My forum if needed its Simply Shelby Cheers if someone can solve this problem for me, if theres anything else you need to know please just ask Jake I need a code that has two input boxes (one for name, one for content) that sends to my email. I want it so people can send requests to me, without having to leave my site. Is that possible? I edited a html file using notepad++ but it won't run anymore. From what I found, maybe the file was originally created in FP, which I don't have. Anyway, I get a http://www.**********.com/_derived/nortbots.htm error on submit. The only thing I had changed was the email address that the form was submitted to. Can anyone point me in the right direction on how to fix this? Code: <html> <head> <title>Rentals</title> <meta name="description" content="******.com" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <script src="/resource/js/main.js" type="text/javascript"></script> <link href="/resource/css/main.css" type="text/css" rel="stylesheet" media="all" /> </head> <body onload="initJS();"> <div id="wrapper"> <table id="mainTable" cellspacing="0" cellpadding="0"> <tr id="banner"> <td style="font-family:Arial,sans-serif; color:white; text-align:right; vertical-align:middle; padding:5px 30px 0 0;" colspan="3"> <p style="padding:0; margin:0;"> <!--webbot bot="Include" U-Include="resource/include/quicksearch.html" tag="body" startspan--> <form method=get action="/cgi-bin/listman/exec/search.cgi"> <input type="hidden" name="search" value="1"> <input type="hidden" name="perpage" value="10"> <input type="hidden" name="marknew" value="1"> <input type="hidden" name="euro_numbers" value="0"> <input type="hidden" name="sort_order" value="3,abc,forward" /> CITY <select name="lfield3_match" size="1"> <option value="" selected>Any</option> <option>Affton</option> <option>Arnold</option> <option>Ballwin</option> <option>Barnhardt</option> <option>Bella Villa</option> <option>Winchester</option> <option>Woodson Terrace</option> </select> ZIP <input type="text" size="10" name="lfield5_match" /> <input type="submit" value="Quick Search" /> </form> <!--webbot bot="Include" i-checksum="56169" endspan --></p> </td> </tr> <tr id="menu"> <td style="vertical-align:top;" colspan="3"> <map name="FPMap0"> <area alt="Home Page" coords="9, 3, 120, 29" shape="rect" href="/index.html"> <area alt="Burt's Property Search Page" coords="127, 0, 331, 29" shape="rect" href="/cgi-bin/listman/exec/search.cgi"> <area alt="Rentals Page" coords="337, 2, 459, 29" shape="rect" href="/rentals.html"> <area alt="Contact Us Page" coords="470, 1, 624, 29" shape="rect" href="/contactus.html"> <area alt="About Us Page" coords="633, 2, 795, 29" shape="rect" href="aboutus.html"> <area alt="Burt's Ads Page" coords="806, 1, 959, 29" shape="rect" href="Burtsads.html"> </map> <img border="0" src="resource/image/menu2.jpg" width="974" height="30" usemap="#FPMap0"> </td> </tr> <tr> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowleft.jpg') repeat-y top left; vertical-align:top; text-align:right"> <div style="height:100%; background:url('/resource/image/bgbottomleftcol.jpg') no-repeat bottom left;"> </div> </td> <td style="width:941px; vertical-align:top;"> <div id="content" style="height:100px; border:1px solid black; overflow:auto; padding:15px; background-color:white;"> <div style="border:1px solid black; background-color:lightgrey;"> <h2 style="padding:5px; margin:0;">Rentals</h2> </div> <p>For those of you not looking to purchase real estate, Burt can now offer you a wide range of rental properties to choose from in the area. If you would like to know what properties we have for rent, please fill out the information below and I will respond to your inquiry. For all rental properties, the following applies:</p> <ul> <li>Security Deposit is required that is equal to 1-month rent. </li> <li>Pet Deposit $250.00 which $100.00 is non-refundable and a pet rent of $10.00 is charged.</li> </ul> <form method="POST" name="rentals" action="_derived/nortbots.htm" webbot-action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit=""> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="myemailaddress@aol.com" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Info From *****.com Rentals Page" S-Builtin-Fields U-Confirmation-Url="rentals2.html" startspan --><input NAME="VTI-GROUP" TYPE="hidden" VALUE="0"><!--webbot bot="SaveResults" i-checksum="37496" endspan --> <table border="0" width="91%" id="table1"> <tr> <td>First Name<br> <input type="text" name="First" size="20" style="border: 1px solid #0000FF"> </td> <td width="200">Last Name<br> <input type="text" name="Last" size="25" style="border: 1px solid #0000FF"> </td> <td width="375">Email Address<br> <input type="text" name="Email" size="40" style="border: 1px solid #0000FF"></td> </tr> <tr> <td> </td> <td width="200"> </td> <td width="375"> </td> </tr> <tr> <td>Phone<br> <input type="text" name="Phone" size="20" style="border: 1px solid #0000FF"></td> <td width="200">Best Time to Call<br> <input type="text" name="Timetocall" size="20" style="border: 1px solid #0000FF"></td> <td width="375">Price Range You Are Looking For<br> <input type="text" name="Price" size="20" style="border: 1px solid #0000FF"></td> </tr> </table> <p align="center"><b>Location of property you are looking for. Please enter a zip code, multiple zip codes, or community name into the box below. </b></p> <p align="center"> <textarea rows="3" name="S1" cols="60" style="border: 1px solid #0000FF"></textarea><!-- Start of StatCounter Code --> <script type="text/javascript" language="javascript"> var sc_project=929101; var sc_invisible=1; var sc_partition=7; var sc_security="22ede977"; </script> <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/frames.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c8.statcounter.com/counter.php?sc_project=929101&java=0&security=22ede977&invisible=1" alt="free stats" border="0"></a> </noscript> <!-- End of StatCounter Code --></p> <p align="center"> <input type="submit" value="Submit" name="B1" style="border: 1px solid #0000FF"> <input type="reset" value="Reset" name="B2" style="border: 1px solid #0000FF"></p> </form> <p> </div> </td> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowright.jpg') repeat-y top right; vertical-align:top"> <div style="height:100%; background:url('/resource/image/bgbottomrightcol.jpg') no-repeat bottom right;"> </div> </td> </tr> </table> </div> </body> </html> I'm trying to set up a website for my Mom, and I'm not very familiar with this stuff. I created the form below, but when I try it I get 3 or 4 pop ups about security and then it still doesn't send the data, and when I had my friend try it said she couldn't because the had no profile. Quote: <FORM METHOD="POST" ACTION="mailto:sharyl@sharylsphotojournal.com"> Name: <BR> <INPUT TYPE="text" NAME="name" SIZE="35"><BR> Email(If you want a response):<BR> <INPUT TYPE="text" NAME="email" SIZE="35"><BR> Message:<BR> <TEXTAREA NAME="message" ROWS=7 COLS=35> </TEXTAREA><BR> <INPUT TYPE="submit" VALUE="Send"> <INPUT TYPE="reset"> Can anyone help me know what I did wrong? Does anyone know of a good way to construct & send emails with html in it? I'd like to be able to send professional looking emails to my customers. I am trying to send out an email with html page attached. It an auto generated html page with small pieces of sliced images. All images are in tables. When I send out a test email, it doesn't work on hotmail with firefox. the table breaks down as it is. The original image is a perfect oval. It actually works well on gmail, yahoomail & outlook. It even works on hotmail with IE. But only not on hotmail with firefox. Anyone had the same problem before?? Please help~~~ Hi, I'm not sure if this is a HTML or server-side question, but here goes. I want to set up a page which sends an email as soon as i receive a visitor. The user would not see the mail has been sent as the code is either in the HTML itself, or a script call based on the HTTP return code. Anyone done this before? Hi everyone, Good day to you. I would like to make changes on my exisitng webform on my site,it will involve in downloading files and unloading it back to webserver after it had edited.However,I don't how to carry out this task in order to get it done over my computer. Please kindly advice the following : 1 ) Do I need to run any software for downloading the webform code ? 2 ) Which files to download for editing of my existing webform ? 3 ) I want to do backup,which ones to backup ? It is for the purpose of getting back my original site if something goes wrong after the editing task failed. 4 ) How to carry out the testing after the replacement of new html code ? I am sorry for posted this queries to you as this is my first time to carry out this task. Thank you. Manicui Hello, I am trying to to write HTML code that will let people fill out a form, but I need it sent to an email address (tcutler@lighthouseandmeyu.org) This is what I have: HTML Code: Please Provide Your Input!: <form action="tcutler@lighthouseandmeyu.org" METHOD=POST> <P><TEXTAREA ROWS=10 COLS=50 NAME=Comments></TEXTAREA></P> <P><INPUT TYPE=SUBMIT VALUE=Send></P> </FORM> Hi all, I myself created a web page and now I want to send it by yahoo mail box. Actualy one way is to attach file to email , but I want to send it in a way that whenever reciever opnes email he could see all pictures and text on the web page.Does anybody know how I can do that? regards. rawin Hi there, i would really appreciate if someone could help me. i have first tried a few things from searching around on google. but i either dont understand or its just not working!... first of all ill say im a beginner in html. but i created a survey/quiz page.. just a simple thing to see if i could. Using radio boxes etc.... I have a submit button at the bottom, but i want to know how to direct it to my email address? so that i receive the responses and can send the reply? i tried a form method to mailto my email but it doesnt work. so i think i may be on the wrong path.. all that happens is the page reloads. anyways could someone help. my page is being being hosted by free server, will this make a difference? thanks for your time. Hello guys, I was wondering if anyone is aware of a script that does this: You have an image on your website. When you click on the image a box should appear where you can insert your email and send the photo to your email. Anyone aware of something like that? Thanks a lot! Hello guys, Can anyone help me with a simple form. I need a form like this: A box where the user can enter his email adress. Under it a button: Send this to my email The function will be that a certain text is sent to his email adress. The text is one I choose before. Thanks guys! My site is being developed in html. I want to give an option of sending email. Is this possible in html to send an email if yes means can anyone send me the code I have this code that I am using for a contact form on my website. What do I need to add for it to send the data in the fields to my email address Code: <form name='Contact Time For You' action='sent.htm' method='POST' enctype='multipart/form-data' onsubmit='return verifyMe();'> <table class='table_form_1' id='table_form_1' cellspacing='0' width="271" align="right"> <tr> <td class='ftbl_row_1a' width="241" align="left" > <font face="Arial" size="2"><LABEL for='Full_Name' ACCESSKEY='none' ><b style='color:red'>*</b>Your Name </label></font> <font face="Arial"> <input type='text' name='Full_Name' id='Full_Name' size='34' value=''></font></td> </tr> <tr> <td class='ftbl_row_2a' width="241" align="left" > <p> <font face="Arial" size="2"><LABEL for='Email' ACCESSKEY='E' ><b style='color:red'>*</b><u>E</u>mail Address </label></font> <font face="Arial"> <input type='text' name='Email' id='Email' size='34' value=''></font></td> </tr> <tr> <td class='ftbl_row_1a' width="241" align="left" > <p style="margin-top: 0; margin-bottom: 0"> <font face="Arial" size="2"><LABEL for='Telephone' ACCESSKEY='T' ><b style='color:red'>*</b><u>T</u>elephone </label></font> </p> <p style="margin-top: 0; margin-bottom: 0"><font face="Arial"><input type='text' name='Telephone' id='Telephone' size='15' value=''></font></p> <p style="margin-top: 0; margin-bottom: 0"> </td> </tr> <tr> <td class='ftbl_row_2a' width="241" align="left" > <font face="Arial" size="2"><LABEL for='Enquiry_Text' ACCESSKEY='none' ><b style='color:red'>*</b>Enquiry</label></font><font face="Arial"><textarea name='Enquiry_Text' id='Enquiry_Text' cols='28' rows='6' value=''></textarea></font></td> </tr> <tr> <td class='ftbl_row_1a' width="241" align="left" > <p> <font face="Arial" size="2"><LABEL for='Code' ACCESSKEY='none' ><b style='color:red'>*</b>Offer Code </label></font> <font face="Arial"> <input type='text' name='Code' id='Code' size='34' value=''></font></td> </tr> <tr> <td align='center' width="249"> <p style="margin-top: 1; margin-bottom: 1"> </p> <p style="margin-top: 1; margin-bottom: 1"><font color="#FFFFFF"> <input type='submit' name='submit' value='Send' style="float: right; color: #FFFFFF; font-family: arial; font-weight: bold; background-color: #000080"></font> </td> </tr> </table> </form> Thank you in advance, Dan Hi all, I am scratching head for couple of days . I have a HTML page ,this has to be send through MicrosoftOutlook Express.When i click the internal link it has to go to the section of page,but the link it self is not enabling,its not working. thanks in advance My HTML page ---------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> <table class="newsletterboarder" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" cellSpacing="0" cellPadding="0" width="751" align="left" border="0" id="table2"> <tr> <td><b><span style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Tahoma"> <img style="WIDTH: 782px; HEIGHT: 145px" alt="Working Process" border="0" v:shapes="_x0000_s1032"></span></b></td> </tr> <tr> <td class="header" style="PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #336699"> Working Process 14 November2007</td> </tr> <tr> <td style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid" height="2543"> <div class="tableholder" title="Release Overview" style="WIDTH: 764px; HEIGHT: 210px"> <div class="tabletitle"> Information - Overview </div> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a href="#info7">Upcoming Dates & Events</a> </li> <li><a href="#info8">Detailed Status Information </a></li> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> </ul> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <ul> <li <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> </li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <font face="Arial">Target </font><span class="112494500-31102007"><font face="Arial">Development has started. </font></span></font></span> </span></span></span></li> <li><font style="FONT-SIZE: 9pt" face="Arial">Info follows.</font> </li> <li><font style="FONT-SIZE: 9pt" face="Arial">Coming with info.</font> </li> <li><font style="FONT-SIZE: 9pt"><span class="112494500-31102007"> <b><font face="Arial">Potential projects </font></b></span></font> <ul> <li><font style="FONT-SIZE: 9pt" face="Arial">Out ongoing </font></li> </ul> </li> </ul> <ul> <li>None </li> </ul> <strong>Key Upcoming info </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li>None </li> </ul> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <strong>Key Issues and Risks </strong> <strong>Key Upcoming Milestones </strong> <ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2 class="blue">OOCRs for the week 11/12 to 11/16</h2> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> thanks in advance |