Email Form

  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

I need a form for a website im making to submit through email, the only thing is i have no clue how to code it...

i need the form to look like this....

Name: _________
Address: _________
City, State/Prov., Country: _________
Zip/Postal Code: _________
Phone: _________
Type Of Portrait: Painting [] or Drawing []
Breed: _________
Pet's Name: _________
Color [] or Black & White []
Size: Standard [] or custom _________
Price: _________
Background: Color _________ solid [] Faded []
Leave it to me []
Additional comments or requests:
____________________________________
____________________________________
____________________________________
____________________________________
____________________________________

Submit Order



Any help would be greatly appreciated, c ya
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Posts: 776
  • Loc: Nippon

Post 3+ Months Ago

Do some research on the following html tags:

Code: [ Select ]
<form></form>
<input>
<textarea></textarea>
  1. <form></form>
  2. <input>
  3. <textarea></textarea>


After you get that built, you'll need a scripting language like php to take care of the data.
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

thanks :)
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

As long as you can use PHP, this topic will help.

http://www.ozzu.com/programming-forum/email-form-t26990.html

Look for my post on DynaForm.
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

Ah...I just really read your post, you dont know how to code the actual form is that it?
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

maybe new to coding altogether
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
 <title>Email Form</title>
</head>
<body>

Name: <input type="text" name="Name" value=""> <br />
Email: <input type="text" name="Email" value=""> <br />
Painting: <input type="radio" name="Painting" value=""> <br />
Other Info: <br /> <textarea name="" rows="8" cols="50"></textarea>
<br /> <br /><input type="submit">
</form>
</body></html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4.  <title>Email Form</title>
  5. </head>
  6. <body>
  7. Name: <input type="text" name="Name" value=""> <br />
  8. Email: <input type="text" name="Email" value=""> <br />
  9. Painting: <input type="radio" name="Painting" value=""> <br />
  10. Other Info: <br /> <textarea name="" rows="8" cols="50"></textarea>
  11. <br /> <br /><input type="submit">
  12. </form>
  13. </body></html>


Copy and paste this code into your favorite HTML editor then view as an HTML page. This is only a simple layout for an email form. I have included a text area, radio button, and text field. THe important thing to note is the ' name="" ' part of your input code. Whatever you enter into the name area will be what is sent to you in the email. I already inserted the close form code. When you follow my previous post and get DynaForm, it will tell you what to insert into your Open Form code. Hope this helps! :D
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Posts: 776
  • Loc: Nippon

Post 3+ Months Ago

Shark, you forgot the opening form tag. That's essential. Either that or I'm going blind (it is midnight and it's been a long day).
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

Not at all. I explained that in my post. I gave him the link to a thread the I posted in that featured a PHP mailer called DynaForm. DynaForm has its own open form tag. So i said and I quote:

SharkShark wrote:
I already inserted the close form code. When you follow my previous post and get DynaForm, it will tell you what to insert into your Open Form code.
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

Code: [ Select ]
<form name="form" method="post" action="mailto:youremailaddresshere@lol.com">
 <p>Name
  <input type="text" name="textfield">
  <br>
  Address
  <input type="text" name="textfield2">
  <br>
  City. State/Prov. Country
  <input type="text" name="textfield3">
  <br>
  ZIP
  <input type="text" name="textfield4">
  <br>
  Phone
  <input type="text" name="textfield5">
  <br>
  Type of portrait: Painting
  <input type="radio" name="radiobutton" value="radiobutton">
  or Drawing:
  <input type="radio" name="radiobutton" value="radiobutton">
  <br>
  Breed:
  <input type="text" name="textfield6">
  <br>
  Pets name
  <input type="text" name="textfield7">
  <br>
  Color
  <input type="radio" name="radiobutton" value="radiobutton">
  Black and white
  <input type="radio" name="radiobutton" value="radiobutton">
  <br>
  Size: Standard
  <input type="radio" name="radiobutton" value="radiobutton">
  or custom
  <input type="text" name="textfield8">
  <br>
  Price:
  <input type="text" name="textfield9">
  <br>
  Background colour:
  <input type="text" name="textfield10">
  solid
  <input type="radio" name="radiobutton" value="radiobutton">
  faded
  <input type="radio" name="radiobutton" value="radiobutton">
 </p>
 <p> Additional comments<br>
  <textarea name="textarea"></textarea>
  <input type="submit" name="Submit" value="Submit">
 </p>
 </form>
  1. <form name="form" method="post" action="mailto:youremailaddresshere@lol.com">
  2.  <p>Name
  3.   <input type="text" name="textfield">
  4.   <br>
  5.   Address
  6.   <input type="text" name="textfield2">
  7.   <br>
  8.   City. State/Prov. Country
  9.   <input type="text" name="textfield3">
  10.   <br>
  11.   ZIP
  12.   <input type="text" name="textfield4">
  13.   <br>
  14.   Phone
  15.   <input type="text" name="textfield5">
  16.   <br>
  17.   Type of portrait: Painting
  18.   <input type="radio" name="radiobutton" value="radiobutton">
  19.   or Drawing:
  20.   <input type="radio" name="radiobutton" value="radiobutton">
  21.   <br>
  22.   Breed:
  23.   <input type="text" name="textfield6">
  24.   <br>
  25.   Pets name
  26.   <input type="text" name="textfield7">
  27.   <br>
  28.   Color
  29.   <input type="radio" name="radiobutton" value="radiobutton">
  30.   Black and white
  31.   <input type="radio" name="radiobutton" value="radiobutton">
  32.   <br>
  33.   Size: Standard
  34.   <input type="radio" name="radiobutton" value="radiobutton">
  35.   or custom
  36.   <input type="text" name="textfield8">
  37.   <br>
  38.   Price:
  39.   <input type="text" name="textfield9">
  40.   <br>
  41.   Background colour:
  42.   <input type="text" name="textfield10">
  43.   solid
  44.   <input type="radio" name="radiobutton" value="radiobutton">
  45.   faded
  46.   <input type="radio" name="radiobutton" value="radiobutton">
  47.  </p>
  48.  <p> Additional comments<br>
  49.   <textarea name="textarea"></textarea>
  50.   <input type="submit" name="Submit" value="Submit">
  51.  </p>
  52.  </form>


there you go
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

LOL i didnt want to do the whole thing for him. How would he learn? I just gave the beginnings! LOL but well done Nem :D

//edit: might as well put the DynaForm open form tag :P

Code: [ Select ]
<form action='dynaform.php' method='POST'>


The mailto command is very quickly becoming outdated. I dont even use it anymore. I always suggest using a PHP mailer. Thats just my personal opinion though.
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

*ahem* im waiting for a reply my post on the programming forum.... taking too long so i thought might as well
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

Thanks, i really needed that :D :D :D
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

no problem
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

um... crap... i don't know why but when i click the submit button, it opens outlook and doesn't email the form :? anyhelp?
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

ok erm... put in the form tags

type="text/html"
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

outlooks still opening and no form is being emailed :?
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

ok matey.

put this

Code: [ Select ]
enctype="text/plain"


not "type" but "encode" this time
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

nope :(... its probly just this computer... and i just realized that with the radio buttons, that only one gets selected... like... if i selected the Painting radio, if i then try to select a color or a size, the first one gets cleared... sorry for bothering you so much
  • K-Anator
  • Novice
  • Novice
  • K-Anator
  • Posts: 21

Post 3+ Months Ago

ok i figured out the radio button problem... but the form still doesn't want to send the info into the email... this is the code i have sofar, thanks to nem

Code: [ Select ]
<form name="form" enctype="text/html" method="post" action="mailto:wet_paint_airbrushing@hotmail.com">
 <p>Name
  <input type="text" name="textfield">
  <br>
  Address
  <input type="text" name="textfield2">
  <br>
  City. State/Prov. Country
  <input type="text" name="textfield3">
  <br>
  ZIP
  <input type="text" name="textfield4">
  <br>
  Phone
  <input type="text" name="textfield5">
  <br>
  Type of portrait: Painting
  <input type="radio" name="radiobutton1" value="radiobutton">
  or Drawing:
  <input type="radio" name="radiobutton1" value="radiobutton">
  <br>
  Breed:
  <input type="text" name="textfield6">
  <br>
  Pets name
  <input type="text" name="textfield7">
  <br>
  Color
  <input type="radio" name="radiobutton2" value="radiobutton">
  Black and white
  <input type="radio" name="radiobutton2" value="radiobutton">
  <br>
  Size: Standard
  <input type="radio" name="radiobutton3" value="radiobutton">
  or custom
  <input type="radio" name="radiobutton3" value="radiobutton">
  <input type="text" name="textfield8">
  <br>
  Price:
  <input type="text" name="textfield9">
  <br>
  Background colour:
  <input type="text" name="textfield10">
  solid
  <input type="radio" name="radiobutton4" value="radiobutton">
  faded
  <input type="radio" name="radiobutton4" value="radiobutton">
 </p>
 <p> Additional comments<br>
  <textarea name="textarea"></textarea>
  <input type="submit" name="Submit" value="Submit">
 </p>
 </form>
  1. <form name="form" enctype="text/html" method="post" action="mailto:wet_paint_airbrushing@hotmail.com">
  2.  <p>Name
  3.   <input type="text" name="textfield">
  4.   <br>
  5.   Address
  6.   <input type="text" name="textfield2">
  7.   <br>
  8.   City. State/Prov. Country
  9.   <input type="text" name="textfield3">
  10.   <br>
  11.   ZIP
  12.   <input type="text" name="textfield4">
  13.   <br>
  14.   Phone
  15.   <input type="text" name="textfield5">
  16.   <br>
  17.   Type of portrait: Painting
  18.   <input type="radio" name="radiobutton1" value="radiobutton">
  19.   or Drawing:
  20.   <input type="radio" name="radiobutton1" value="radiobutton">
  21.   <br>
  22.   Breed:
  23.   <input type="text" name="textfield6">
  24.   <br>
  25.   Pets name
  26.   <input type="text" name="textfield7">
  27.   <br>
  28.   Color
  29.   <input type="radio" name="radiobutton2" value="radiobutton">
  30.   Black and white
  31.   <input type="radio" name="radiobutton2" value="radiobutton">
  32.   <br>
  33.   Size: Standard
  34.   <input type="radio" name="radiobutton3" value="radiobutton">
  35.   or custom
  36.   <input type="radio" name="radiobutton3" value="radiobutton">
  37.   <input type="text" name="textfield8">
  38.   <br>
  39.   Price:
  40.   <input type="text" name="textfield9">
  41.   <br>
  42.   Background colour:
  43.   <input type="text" name="textfield10">
  44.   solid
  45.   <input type="radio" name="radiobutton4" value="radiobutton">
  46.   faded
  47.   <input type="radio" name="radiobutton4" value="radiobutton">
  48.  </p>
  49.  <p> Additional comments<br>
  50.   <textarea name="textarea"></textarea>
  51.   <input type="submit" name="Submit" value="Submit">
  52.  </p>
  53.  </form>
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

The reason it is opening outlook is because of the "mailto" tag. when you use mailto in these new browsers it open up outlook for you to end an email. It doesnt seem to mail the form. Use DynaForm as I suggested. It is a PHP mailer that will mail the form for you.
  • Nem
  • Guru
  • Guru
  • Nem
  • Posts: 1243
  • Loc: UK

Post 3+ Months Ago

or go to http://www.bravenet.com and register for a form or something
  • SharkShark
  • Guru
  • Guru
  • User avatar
  • Posts: 1013
  • Loc: Living In Today

Post 3+ Months Ago

DONT USE BRAVENET!! LOL its wont be worth it in the long run. better to use your own stuff!

Here is the link to DynaForm:

http://www.webligo.com/products_dynaform.php

download it, edit the dynaform.php page and place it in the same directory as your email form page. Us the following code in place of your open form tag :

Code: [ Select ]
<form action='dynaform.php' method='POST'>


again that replaces:

Code: [ Select ]
<form name="form" method="post" action="mailto:youremailaddresshere@lol.com">


as long as running PHP isnt a problem for you it should work.

Post Information

  • Total Posts in this topic: 23 posts
  • Users browsing this forum: No registered users and 54 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.