HTML - Embedded Email Form
Hey everyone,
First time poster here with a slight dilemma. I am rather new to the world of coding and have hit my first "Cant find it on google" roadblock. Basically I need to make an embedded email form for a webpage that allows users to basically send an email right from the page to whoever they want. I would like the email to have an image inside of it, and when the recipient opens the email it has the senders message along with the image and link to the webpage. We can start with the basics on making an embedded form that allows them to input their recipient of choice. Any help you guys can give would be GREATLY appreciated. Edit: Essentially I am looking to embed a "Share this Site" type form, only it shares the specific page/image they are looking at. Thanks! Similar TutorialsHello! I've checked my coding and found that my coding is correct, no margins on top of the page, but when I copy and paste a form code, it causes a top margin to appear, please see the coding, it's this page http://www.autoattireparts.com/freestuffform.html Can anyone tell me what's wrong with it? The form works, just need the top header to be flush with the top of the page. Thanks! Skattered Pictures Hi, 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 script completed, thx Hey guys, I've made a form for my website. It should send the information in my form directly to the emailaddress I added, but it doesn't. I would also like to get some sort of confirmation so that when you have filled in the form and sended it, you get some sort of confirmation that the form was filled in correctly and was send to my emailaddress. Here is the code: HTML Code: <h1>Join us:</h1> <form action="MAILTO:joinus@mysitename.nl" method="post" enctype="multipart/form-data" name="Joinus"> Nickname:<br /> <input type="text" name="name" value="your nickname" /><br /><br /> Age:<br /> <input type="text" name="age" value="your age" /><br /><br /> E-mail:<br /> <input type="text" name="mail" value="your email" /><br /><br /> Name:<br /> <input type="text" name="name" value="your name" /><br /><br /> Main skill:<br /> <input type="text" name="skill" value="your main skill" size="50" /><br /> Country:<br /> <input type="text" name="country" value="your country" /><br /><br /> CoD series: <input type="checkbox" name="name" value="CoD United Offensive" /> CoD United Offensive<br /> <input type="checkbox" name="name" value="CoD Modern Warfare" /> CoD Modern Warfare<br /> <input type="checkbox" name="name" value="CoD Modern Warfare 2" /> CoD Modern Warfare 2<br /> <input type="checkbox" name="name" value="CoD Black Ops" /> CoD Black Ops<br /> <br /><br /> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> Okay, I shoould probably start off by saying I am a complete and utter noob when it comes to HTML. I can basically do text, links, images, basic forms, and that's it. So I'm not sure if the following question is legitimately an issue or not, or if I'm just being stupid. I'm working on a website for a small organization that I'm head of, and want to make a "contact us" page. I would like to make a form that can be filled out to send an email to, but what I'm doing isn't working - the email won't send. Here's what I'm trying to use: Code: <form action="mailto:someone@something.com" method="post" enctype="text/plain"> <h3>Use this form to send an email to [insert my name here].</h3> Name:<br> <input type="text" name="name" value="Your name here" size="20"> <br> E-Mail:<br> <input type="text" name="e-mail" value="Your E-Mail Address" size="20"> <br> Message:<br> <input type="text" name="message" value="Your Message" size="40"> <br><br> <input type="submit" value="Send it!"> <input type="reset" value="Reset All Fields"> </form> The form shows up, but the email doesn't send. Can somebody help me out, please? Ok i am trying to make a page with a form to fill out and when they hit submit it gets send right to my email...but right now when i hit send my outlook comes up to send the email and i know not alot of people have outlook set up...how do i go about doing this??? what do i change in this? <!--Sign Up--> <center> <hr> <h4 class="bold">Sign Up! Become A Member</h4> <p class="height">Please fill all this out and submit it!</p> <form method="post" action="mailto:Email@Email.com" enctype="text/plain"> <fieldset> <legend>Your Information</legend><br> Hey, I'm looking for a way to get a form to send an email to one or more recipients when someone hits the Submit button. I've seen the mailto angle, but I'm looking for the form to do the work itself, and don't want the mail app launched on the user's machine. Is this something I'd have to play with servlets and the like for, or is there some way to do it with javascript, html, whatever? I used a tutorial on another website to create a Email Form. But the form doesn't work. Can someone help me work out whats wrong. I also want to add a confirmation page. HTML Code: <form action="mailto:exterminate-tcg@hotmail.co.uk?subject=Join Form" method="post" enctype="text/plain"> <table><tr><td> Name: <INPUT NAME="Name" TYPE="text" SIZE=15 MAXLENGTH=50><BR> Email: <INPUT NAME="Email" TYPE="text" SIZE=20 MAXLENGTH=90><BR> Website URL: <INPUT NAME="Website URL" TYPE="text" VALUE="http://" MAXLENGTH=4555><BR> Birthday: <INPUT NAME="Birthday" TYPE="text" VALUE="dd/mm" SIZE=6 MAXLENGTH=5><BR> Set Colecting: <INPUT NAME="Set Colecting" TYPE="text" SIZE=15 MAXLENGTH=11111><BR> Referred By (Optional): <INPUT NAME="Referred By (Optional)" TYPE="text" SIZE=15 MAXLENGTH=30><BR> Comments?<BR><TEXTAREA NAME="Comments?" ROWS=4 COLS=20></TEXTAREA><BR> </td></tr> <tr><td align=center> <INPUT TYPE="submit" value="submit" style="color: #000000 ; background-color: #FFFAFA "> </td></tr></table> </FORM> Hello all, I am building a website for a church and I am having trouble getting the contact form working properly. Below is the form code I have. I am also new to ipage, so if anyone is familiar with any server setup, it would be greatly apreciated! <form method= "post" action="http://www.ipage.com/scripts/formemail.bml"> <input type="hidden" name="my_email" value="mailto:info@blanchardnaz.org"> Name<br> <input type="text" name="Name" size="25"><br> Email<br> <input type="text" name="Email" size="25"><br> Phone Number<br> <input type="text" name="Phone Number" size="25"><br> <br> <textarea rows="15" cols="50"></textarea> <br> <input type="submit" name="submit" value="Send" > <input type="reset" name="reset" value="Reset" > <input type="hidden" name="thankyou_url" value="http://www.blanchardnaz.org/index.html"> </form> Hi doesn anyone know where to find any javascript code to send an email form through a website. I've found code that lets you make a form that sends through your email client (i.e outlook), but I want it to all be done through the website. thanks hi all :-) pls can anyone advise where to post my query. it regards html code and my smtp server/ i have created a form to email code and have input my smtp script. but for the life of me i cannot get it to work, as to submit my form to email address, and the server is working fine and cannot find anything obviusly wrong with the coding. i think i have visited every web site out there lol....help me pls...thanks in advance Ok So I was a little premature in adding to my previous post the the form was now working in IE. I've written 2 forms, the first was a very basic general feedback form, asking the user to rate the site as Excellent, Good or Poor, together with a comments field. This is a relaunch of a site than ran into a little disuse and became out of date. (Once the site is live I'll think about adding the details into a topic on this site for you all to see.) The second was as my first post (form redirect) listed. Both were using the method="post" but I'd read that you didn't need this if you were using 'mailto' tag so I removed it. Now it adds the email recipients but removes the email subject and doesn't add the responses into the body of the email. Further reading indicated that for very basic forms the method="get" is better so I changed it. This stopped it working in Chrome. Can't win! Leaving the method out.............still no joy. Hey ho. Will probably get the site host to use Perl (or whatever other they use for other sites they have developed). Benefits? No more headaches for me. Less chance of spammers. Hopefully better security and more likelihood of people using the form as they wouidn't need to give their email address if they didn't want to. And, hopefully, some chance of being able to filter out those inapproriate responses some people like to submit with these forms. Is there a way to have an email form that includes a field where you would enter an email address and this would be used in the "to" field of the email. Trying to create an order form for a web page that will send a mail to an order inbox. Have 2 problems: - The email appears and the user has to click "send". I do not want that. I want it to be sendt automatically, and the user should only get an output of "Order sent" How can I do this? - Also, the email is very cryptic. Is there any way I can edit the message body to be more easely readable? Appreciate any suggestions. i am creating a website in Html script in notepad and have set up a form and would now like it to get the results of the form and send these to my hotmail acount with out gettin the user to have togo through outlook to do this. Is this possible? i have been getting so stressed over this Thanks Sir Minstral I've created a form and need help getting it to actually work. Here is what I have done so far... http://www.kibit.co.uk/form.html Thanks in advance to anyone who offers help. Hi, I would like to have a html form that automatically emails the input to my email address. It will include a drop down box and text fields. Could anyone help me with this? Thanks. I have a form field which is supposed to send the input email address to my client's inbox. I am using GoDaddy hosting, so the form action is "gdform.asp". but when the submit button is hit, it loads a page called www.amazingwomen.org/gdform.asp (which is clearly not a real page). I can't figure out why it would do this! Here is the code: <div id="email" style="position:absolute; top:233; left:30; z-index:3;"> <form action="gdform.asp" method="post"> <input type="hidden" name="subject" value="Amazing Women Newsletter Subscription"> <input type="hidden" name="redirect" value="http://www.amazingwomen.org/index.html"> <input type="text" name="Email" value="your email address" id="email"> </div> <div id="submit" style="position:absolute; top:231; left:190; z-index:3;"> <input type="image" name="submit" src="img/gobut.gif"> </form> </div> I just noticed that the submit button is in a separate <div>. Could this be causing the problem?? Thanks in advance for any help!! >>>I tried putting the submit button in the same div and I still have the same problem :S I need for the form to send the info and then redirect back to the same page (or not at all). Could somebody please help .... The following form posts correctly to an email, when viewed in FireFox, but not in IE .... any ideas ? Code: <font face="Arial, ARIAL"><br><b>Lat/Long : <input size="35" type="TEXT" id="latbox" name="latbox" value="" onchange="coffeemsg()"> <br> <script language="JavaScript"> if (navigator.appVersion.lastIndexOf('Win') != -1) { dropline = "\r\n" } else { dropline = "\n" } function coffeemsg(form) { document.ccform.Message.value = ( ' ' + dropline + dropline + '--------- Add Club Request --------' + dropline + 'Club Name : ' + document.ccform.clubname.value + dropline + 'Meeting : ' + document.ccform.meetingdays.value + dropline + 'Time : ' + document.ccform.time.value + dropline + 'District : ' + document.ccform.district.value + dropline + 'Address : ' + document.ccform.address1.value + dropline + ' ' + document.ccform.address2.value + dropline + ' ' + document.ccform.address3.value + dropline + ' ' + document.ccform.address4.value + dropline + ' ' + dropline + dropline + ' Lat/long : '+ document.getElementById("latbox").value + dropline + '--------- Contact Details --------' + dropline + 'Name : ' + document.ccform.name.value + dropline + 'Phone : ' + document.ccform.phone.value + dropline + 'E-mail : ' + document.ccform.email.value + dropline + dropline + dropline + 'Message : ' + document.ccform.message.value + dropline + dropline + dropline ); } // --> </script> <br> <div align="LEFT"> <form name="ccform" action="mailto:addmyclub@fishhoeklionsclub.org.za?subject=Lions Club Addition&cc=hylton@conacher.co.za" method="post" enctype="text/plain"> <table border="0" width="100%"> <tr><!-- Row 1 --> <td><strong><u><font face="Arial">Club Details<br></font></u></strong> <form name="ccform" action="mailto:webmaster@fishhoeklionsclub.org.za?subject=Lions Club Addition&cc=hylton@conacher.co.za" method="post" enctype="text/plain"><input type="hidden" name="Message"> <p><font face="Arial, ARIAL"><b>Club Name:</b></font> <p><input onchange="coffeemsg()" size="25" name="clubname"> </p></form></td><!-- Col 1 --> <td> <p><font face="Arial, ARIAL"><b>Meeting Day:</b></font> <p><input onchange="coffeemsg()" size="25" name="meetingdays"> </p></td><!-- Col 2 --></tr> <tr><!-- Row 2 --> <td> <p><font face="Arial, ARIAL"><b>Meeting Time/s:</b></font> <p><input onchange="coffeemsg()" size="25" name="time"> </p></td><!-- Col 1 --> <td> <p><font face="Arial, ARIAL"><b>District:</b></font> <p><select name="district"> <option selected="" value="410A">410A</option> <option value="410B">410B</option> <option value="410C">410C</option> <option value="410D">410D</option> </select> </tr> <tr><!-- Row 3 --> <td> <p><font face="Arial, ARIAL"><b>Address:</b></font> <p><input onchange="coffeemsg()" size="25" name="address1"> <p><input onchange="coffeemsg()" size="25" name="address2"> <p><input onchange="coffeemsg()" size="25" name="address3"> <p><input onchange="coffeemsg()" size="25" name="address4"> </p></td><!-- Col 1 --> <td> <p> <font face="Arial, ARIAL"><b>Additional Info:</b></font><p><textarea name="message" rows="5" wrap="auto" cols="45" onchange="coffeemsg()"></textarea> </p></td><!-- Col 2 --></tr> <strong><u><font face="Arial">Your Details</font></u></strong><br><br> <font face="Arial, ARIAL"><b>Name:</b></font><p> <input size="25" name="name" onchange="coffeemsg()"> </p></td><!-- Col 1 --> <td> <p> <font face="Arial, ARIAL"><b>Phone:</b></font><p> <input size="25" name="phone" onchange="coffeemsg()"> </p></font></td><!-- Col 2 --></tr> <tr><!-- Row 6 --> <td> <p> <font face="Arial, ARIAL"><b>Email:</b></font><p> <input size="25" name="email" onchange="coffeemsg()"> </p></td><!-- Col 1 --> <td></td><!-- Col 2 --></tr> </table> <center> <input type="submit" value="Send Request" onclick="coffeemsg()"> </center> </form> Any Help would be much appreciated Hi all, I have an exam form wherein a student fills up all the details of the exam ad clicks on submit. The data is stored in an access database. I need to send all the fields in the form to an address specified in the form field as well as a confirmation email to a specific address. Please let me know how do i resolve this Regards, Nimish. |