Home > > I created a form and I'm not sure how to make the 'submit' button send me the collected information.

I created a form and I'm not sure how to make the 'submit' button send me the collected information.

Hello everybody. I am a web designer (NOT a developer)
I created a form and I'm not sure how to make the 'submit' button send me the collected information.
I have used phpform.org/ to custom build a submission form. Then I opened that html in dreamweaver (so that I could edit colors, fonts, and delete the phpform.org advetisement)
Now I need to link the 'submit button' so that it will e-mail me the completed form.
(formphp.org wants me to subscribe to a servie that I pay for in order to have the form e-mailed to myself.)
(after I get the submit button linked to an e-mail I will pull the html of my completed form into Muse- but I don't think that is really relevent)
I'm sure one of you can help point me in the right direction! I can't write my own code so detailed help is appreciated!
The e-mail I would like the form sent to is:
[email protected]
Here is the the code for my form 'as is' :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create a Profile</title>
<link rel="stylesheet" type="text/css" href="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/view.css" media="all">
<script type="text/javascript" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/view.js"></script>
<body id="main_body" >
          <img id="top" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/top.png" alt="">
          <div id="form_container">
                    <h1><a>Create a Profile</a></h1>
            <form id="form_836144" class="appnitro" enctype="multipart/form-data" method="post" action="">
                    <div class="form_description">
                              <h2 align="center">Create a Tommy Lemonade Profile</h2>
                      <ul >
                                          <li id="li_1" >
                    <label class="description" for="element_1">Name </label>
                              <input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="8" value=""/>
                              <input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="14" value=""/>
                    </li>                    <li id="li_23" >
                    <label class="description" for="element_23">Service Provider Type </label>
                              <input id="element_23_1" name="element_23_1" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_1">Barber</label>
<input id="element_23_2" name="element_23_2" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_2">Hairstylist</label>
<input id="element_23_3" name="element_23_3" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_3">Nail Technician</label>
<input id="element_23_4" name="element_23_4" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_4">Massage Therapist</label>
<input id="element_23_5" name="element_23_5" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_5">Skin Care</label>
<input id="element_23_6" name="element_23_6" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_6">Esthetician</label>
<input id="element_23_7" name="element_23_7" class="element checkbox" type="checkbox" value="1" />
<label class="choice" for="element_23_7">Make Up Artist</label>
                    </span><p class="guidelines" id="guide_23"><small>Select all that apply.</small></p>
                    </li>                    <li id="li_19" >
                    <label class="description" for="element_19">Top 5 services </label>
                              <textarea id="element_19" name="element_19" class="element textarea medium"></textarea>
                    </div><p class="guidelines" id="guide_19"><small>Please list your top 5 services</small></p>
                    </li>                    <li id="li_20" >
                    <label class="description" for="element_20">List all services you offer & thier starting price </label>
                              <textarea id="element_20" name="element_20" class="element textarea medium"></textarea>
                    </div><p class="guidelines" id="guide_20"><small>please use a new line for each service. You can do this by pressing 'enter' after each starting price.
                    </li>                    <li id="li_12" >
                    <label class="description" for="element_12">Personal Phone </label>
                              <input id="element_12_1" name="element_12_1" class="element text" size="3" maxlength="3" value="" type="text"> -
                              <label for="element_12_1">(###)</label>
                              <input id="element_12_2" name="element_12_2" class="element text" size="3" maxlength="3" value="" type="text"> -
                              <label for="element_12_2">###</label>
                               <input id="element_12_3" name="element_12_3" class="element text" size="4" maxlength="4" value="" type="text">
                              <label for="element_12_3">####</label>
                    <p class="guidelines" id="guide_12"><small>Only fill in if you want clients to be able to contact you on your personal phone line rather than the phone at your place of employment. </small></p>
                    </li>                    <li id="li_21" >
                    <label class="description" for="element_21">E-mail (Required)  </label>
                              <input id="element_21" name="element_21" class="element text medium" type="text" maxlength="255" value=""/>
                    </div><p class="guidelines" id="guide_21"><small>Staff at Tommy Lemonade will use this e-mail as your primary contact information. it will also be seen by your potential clients.</small></p>
                    </li>                    <li id="li_6" >
                    <label class="description" for="element_6">Confirm your e-mail (Required)  </label>
                              <input id="element_6" name="element_6" class="element text medium" type="text" maxlength="255" value=""/>
                    </div><p class="guidelines" id="guide_6"><small>Please re-type your e-mail address</small></p>
                    </li>                    <li id="li_3" >
                    <label class="description" for="element_3">Web Site </label>
                              <input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value="http://"/>
                    </div><p class="guidelines" id="guide_3"><small>If you don't have your own website feel free to link your professional Facebook, Google+ etc... </small></p>
                    </li>                    <li id="li_4" >
                    <label class="description" for="element_4">Place of employment </label>
                              <input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value=""/>
                    </li>                    <li id="li_2" >
                    <label class="description" for="element_2">Work Address </label>
                              <input id="element_2_1" name="element_2_1" class="element text large" value="" type="text">
                              <label for="element_2_1">Street Address</label>
                              <input id="element_2_2" name="element_2_2" class="element text large" value="" type="text">
                              <label for="element_2_2">Address Line 2</label>
                    <div class="left">
                              <input id="element_2_3" name="element_2_3" class="element text medium" value="" type="text">
                              <label for="element_2_3">City</label>
                    <div class="right">
                              <input id="element_2_4" name="element_2_4" class="element text medium" value="" type="text">
                              <label for="element_2_4">State / Province / Region</label>
                    <div class="left">
                              <input id="element_2_5" name="element_2_5" class="element text medium" maxlength="15" value="" type="text">
                              <label for="element_2_5">Postal / Zip Code</label>
                    <div class="right">
                              <select class="element select medium" id="element_2_6" name="element_2_6">
                              <option value="" selected="selected"></option>
<option value="Afghanistan" >Afghanistan</option>
<option value="Albania" >Albania</option>
<option value="Algeria" >Algeria</option>
<option value="Andorra" >Andorra</option>
<option value="Antigua and Barbuda" >Antigua and Barbuda</option>
<option value="Argentina" >Argentina</option>
<option value="Armenia" >Armenia</option>
<option value="Australia" >Australia</option>
<option value="Austria" >Austria</option>
<option value="Azerbaijan" >Azerbaijan</option>
<option value="Bahamas" >Bahamas</option>
<option value="Bahrain" >Bahrain</option>
<option value="Bangladesh" >Bangladesh</option>
<option value="Barbados" >Barbados</option>
<option value="Belarus" >Belarus</option>
<option value="Belgium" >Belgium</option>
<option value="Belize" >Belize</option>
<option value="Benin" >Benin</option>
<option value="Bhutan" >Bhutan</option>
<option value="Bolivia" >Bolivia</option>
<option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option>
<option value="Botswana" >Botswana</option>
<option value="Brazil" >Brazil</option>
<option value="Brunei" >Brunei</option>
<option value="Bulgaria" >Bulgaria</option>
<option value="Burkina Faso" >Burkina Faso</option>
<option value="Burundi" >Burundi</option>
<option value="Cambodia" >Cambodia</option>
<option value="Cameroon" >Cameroon</option>
<option value="Canada" >Canada</option>
<option value="Cape Verde" >Cape Verde</option>
<option value="Central African Republic" >Central African Republic</option>
<option value="Chad" >Chad</option>
<option value="Chile" >Chile</option>
<option value="China" >China</option>
<option value="Colombia" >Colombia</option>
<option value="Comoros" >Comoros</option>
<option value="Congo" >Congo</option>
<option value="Costa Rica" >Costa Rica</option>
<option value="Côte d'Ivoire" >Côte d'Ivoire</option>
<option value="Croatia" >Croatia</option>
<option value="Cuba" >Cuba</option>
<option value="Cyprus" >Cyprus</option>
<option value="Czech Republic" >Czech Republic</option>
<option value="Denmark" >Denmark</option>
<option value="Djibouti" >Djibouti</option>
<option value="Dominica" >Dominica</option>
<option value="Dominican Republic" >Dominican Republic</option>
<option value="East Timor" >East Timor</option>
<option value="Ecuador" >Ecuador</option>
<option value="Egypt" >Egypt</option>
<option value="El Salvador" >El Salvador</option>
<option value="Equatorial Guinea" >Equatorial Guinea</option>
<option value="Eritrea" >Eritrea</option>
<option value="Estonia" >Estonia</option>
<option value="Ethiopia" >Ethiopia</option>
<option value="Fiji" >Fiji</option>
<option value="Finland" >Finland</option>
<option value="France" >France</option>
<option value="Gabon" >Gabon</option>
<option value="Gambia" >Gambia</option>
<option value="Georgia" >Georgia</option>
<option value="Germany" >Germany</option>
<option value="Ghana" >Ghana</option>
<option value="Greece" >Greece</option>
<option value="Grenada" >Grenada</option>
<option value="Guatemala" >Guatemala</option>
<option value="Guinea" >Guinea</option>
<option value="Guinea-Bissau" >Guinea-Bissau</option>
<option value="Guyana" >Guyana</option>
<option value="Haiti" >Haiti</option>
<option value="Honduras" >Honduras</option>
<option value="Hong Kong" >Hong Kong</option>
<option value="Hungary" >Hungary</option>
<option value="Iceland" >Iceland</option>
<option value="India" >India</option>
<option value="Indonesia" >Indonesia</option>
<option value="Iran" >Iran</option>
<option value="Iraq" >Iraq</option>
<option value="Ireland" >Ireland</option>
<option value="Israel" >Israel</option>
<option value="Italy" >Italy</option>
<option value="Jamaica" >Jamaica</option>
<option value="Japan" >Japan</option>
<option value="Jordan" >Jordan</option>
<option value="Kazakhstan" >Kazakhstan</option>
<option value="Kenya" >Kenya</option>
<option value="Kiribati" >Kiribati</option>
<option value="North Korea" >North Korea</option>
<option value="South Korea" >South Korea</option>
<option value="Kuwait" >Kuwait</option>
<option value="Kyrgyzstan" >Kyrgyzstan</option>
<option value="Laos" >Laos</option>
<option value="Latvia" >Latvia</option>
<option value="Lebanon" >Lebanon</option>
<option value="Lesotho" >Lesotho</option>
<option value="Liberia" >Liberia</option>
<option value="Libya" >Libya</option>
<option value="Liechtenstein" >Liechtenstein</option>
<option value="Lithuania" >Lithuania</option>
<option value="Luxembourg" >Luxembourg</option>
<option value="Macedonia" >Macedonia</option>
<option value="Madagascar" >Madagascar</option>
<option value="Malawi" >Malawi</option>
<option value="Malaysia" >Malaysia</option>
<option value="Maldives" >Maldives</option>
<option value="Mali" >Mali</option>
<option value="Malta" >Malta</option>
<option value="Marshall Islands" >Marshall Islands</option>
<option value="Mauritania" >Mauritania</option>
<option value="Mauritius" >Mauritius</option>
<option value="Mexico" >Mexico</option>
<option value="Micronesia" >Micronesia</option>
<option value="Moldova" >Moldova</option>
<option value="Monaco" >Monaco</option>
<option value="Mongolia" >Mongolia</option>
<option value="Montenegro" >Montenegro</option>
<option value="Morocco" >Morocco</option>
<option value="Mozambique" >Mozambique</option>
<option value="Myanmar" >Myanmar</option>
<option value="Namibia" >Namibia</option>
<option value="Nauru" >Nauru</option>
<option value="Nepal" >Nepal</option>
<option value="Netherlands" >Netherlands</option>
<option value="New Zealand" >New Zealand</option>
<option value="Nicaragua" >Nicaragua</option>
<option value="Niger" >Niger</option>
<option value="Nigeria" >Nigeria</option>
<option value="Norway" >Norway</option>
<option value="Oman" >Oman</option>
<option value="Pakistan" >Pakistan</option>
<option value="Palau" >Palau</option>
<option value="Panama" >Panama</option>
<option value="Papua New Guinea" >Papua New Guinea</option>
<option value="Paraguay" >Paraguay</option>
<option value="Peru" >Peru</option>
<option value="Philippines" >Philippines</option>
<option value="Poland" >Poland</option>
<option value="Portugal" >Portugal</option>
<option value="Puerto Rico" >Puerto Rico</option>
<option value="Qatar" >Qatar</option>
<option value="Romania" >Romania</option>
<option value="Russia" >Russia</option>
<option value="Rwanda" >Rwanda</option>
<option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" >Saint Lucia</option>
<option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option>
<option value="Samoa" >Samoa</option>
<option value="San Marino" >San Marino</option>
<option value="Sao Tome and Principe" >Sao Tome and Principe</option>
<option value="Saudi Arabia" >Saudi Arabia</option>
<option value="Senegal" >Senegal</option>
<option value="Serbia and Montenegro" >Serbia and Montenegro</option>
<option value="Seychelles" >Seychelles</option>
<option value="Sierra Leone" >Sierra Leone</option>
<option value="Singapore" >Singapore</option>
<option value="Slovakia" >Slovakia</option>
<option value="Slovenia" >Slovenia</option>
<option value="Solomon Islands" >Solomon Islands</option>
<option value="Somalia" >Somalia</option>
<option value="South Africa" >South Africa</option>
<option value="Spain" >Spain</option>
<option value="Sri Lanka" >Sri Lanka</option>
<option value="Sudan" >Sudan</option>
<option value="Suriname" >Suriname</option>
<option value="Swaziland" >Swaziland</option>
<option value="Sweden" >Sweden</option>
<option value="Switzerland" >Switzerland</option>
<option value="Syria" >Syria</option>
<option value="Taiwan" >Taiwan</option>
<option value="Tajikistan" >Tajikistan</option>
<option value="Tanzania" >Tanzania</option>
<option value="Thailand" >Thailand</option>
<option value="Togo" >Togo</option>
<option value="Tonga" >Tonga</option>
<option value="Trinidad and Tobago" >Trinidad and Tobago</option>
<option value="Tunisia" >Tunisia</option>
<option value="Turkey" >Turkey</option>
<option value="Turkmenistan" >Turkmenistan</option>
<option value="Tuvalu" >Tuvalu</option>
<option value="Uganda" >Uganda</option>
<option value="Ukraine" >Ukraine</option>
<option value="United Arab Emirates" >United Arab Emirates</option>
<option value="United Kingdom" >United Kingdom</option>
<option value="United States" >United States</option>
<option value="Uruguay" >Uruguay</option>
<option value="Uzbekistan" >Uzbekistan</option>
<option value="Vanuatu" >Vanuatu</option>
<option value="Vatican City" >Vatican City</option>
<option value="Venezuela" >Venezuela</option>
<option value="Vietnam" >Vietnam</option>
<option value="Yemen" >Yemen</option>
<option value="Zambia" >Zambia</option>
<option value="Zimbabwe" >Zimbabwe</option>
                    <label for="element_2_6">Country</label>
                    </li>                    <li id="li_5" >
                    <label class="description" for="element_5">Work Phone </label>
                              <input id="element_5_1" name="element_5_1" class="element text" size="3" maxlength="3" value="" type="text"> -
                              <label for="element_5_1">(###)</label>
                              <input id="element_5_2" name="element_5_2" class="element text" size="3" maxlength="3" value="" type="text"> -
                              <label for="element_5_2">###</label>
                               <input id="element_5_3" name="element_5_3" class="element text" size="4" maxlength="4" value="" type="text">
                              <label for="element_5_3">####</label>
                    <p class="guidelines" id="guide_5"><small>Please enter the phone number of the establishment where you work if applicable. </small></p>
                    </li>                    <li id="li_22" >
                    <label class="description" for="element_22">Schedule </label>
                              <textarea id="element_22" name="element_22" class="element textarea medium"></textarea>
                    </div><p class="guidelines" id="guide_22"><small>Please feel free to include your schedule. What days you work, when are you days off, be sure to include your hours available (example: 9am-7pm) or if you have any 'by appointment only' days. </small></p>
                    </li>                    <li id="li_7" >
                    <label class="description" for="element_7">Profile Picture </label>
                              <input id="element_7" name="element_7" class="element file" type="file"/>
                    </li>                    <li id="li_8" >
                    <label class="description" for="element_8">Portfolio image  </label>
                              <input id="element_8" name="element_8" class="element file" type="file"/>
                    </li>                    <li id="li_9" >
                    <label class="description" for="element_9">Portfolio image  </label>
                              <input id="element_9" name="element_9" class="element file" type="file"/>
                    </li>                    <li id="li_10" >
                    <label class="description" for="element_10">Portfolio image  </label>
                              <input id="element_10" name="element_10" class="element file" type="file"/>
                    </li>                    <li id="li_11" >
                    <label class="description" for="element_11">Portfolio image  </label>
                              <input id="element_11" name="element_11" class="element file" type="file"/>
                    </li>                    <li id="li_13" >
                    <label class="description" for="element_13">Portfolio image  </label>
                              <input id="element_13" name="element_13" class="element file" type="file"/>
                    </li>                    <li id="li_14" >
                    <label class="description" for="element_14">Portfolio image  </label>
                              <input id="element_14" name="element_14" class="element file" type="file"/>
                    </li>                    <li id="li_15" >
                    <label class="description" for="element_15">Portfolio image  </label>
                              <input id="element_15" name="element_15" class="element file" type="file"/>
                    </li>                    <li id="li_16" >
                    <label class="description" for="element_16">Portfolio image  </label>
                              <input id="element_16" name="element_16" class="element file" type="file"/>
                    </li>                    <li id="li_17" >
                    <label class="description" for="element_17">Portfolio image  </label>
                              <input id="element_17" name="element_17" class="element file" type="file"/>
                    </li>                    <li id="li_18" >
                    <label class="description" for="element_18">Portfolio image  </label>
                              <input id="element_18" name="element_18" class="element file" type="file"/>
                        <li class="buttons">
                          <input type="hidden" name="form_id" value="836144" />
                    <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
                    <div id="footer">
          <img id="bottom" src="file:///C|/Users/Tommy/AppData/Local/Temp/Temp1_form.zip/form/bottom.png" alt="">
I'm afraid not.    It's not rocket science but you need to do some coding. 
You'll need to find a script (php) and save it to your local site folder.  Then reference the script in your form's action attribute like so.
     <form action="path/form-to-email-script.php" >
The input fields in your HTML form need to exactly match the script variables. 
I'm  assuming you're hosted on a Linux server which uses PHP code.  Linux servers are also case sensitive, so upper case names are not the same as lower case names.  It's usually best to use all lower case names in your form and script to avoid confusion.
Related Links:
[email protected] PHP from DB Masters
If this is all a bit beyond your skill set, look at:
Wufoo.com (on-line form service)
Nancy O.
Read the other 5 answers

Related Articles

I have created printable PDF forms, but don't know how to add a submit button so they can be filled out and emailed. Currently if the people filling them out only have Reader they can only be printed out. They cannot be saved, and they cannot be emai
I've read other posts on this topic (which refer primarily to earlier versions of Captivate) and am still at a loss as to how to put multiple text entry boxes on a page with one submit button. Here's my scenario: I am creating test questions. Each te
I am creating a form on LiveCycle Designer and I am trying to create a form that has a e-mail submit button.  When the button is utilized it attaches the form to the e-mail in an plain text .xml format rather than the pdf format.  Is there a quick fi
I have adf page that is master And detail view. i want to have one submit button for master and detail blockDuplicate of  How To Create On Submit Button For Master_detail Page ? Please don'r post your question multiple times. TimoRead other 2 answers
I create my apple id from my boyfriend macbook and its says that I have to review my itunes information , when I get to the credit card number info etc. Its keep asking me for that I dont have any credit card and I dont want to put any , what should
I can only create group messages but every time someone starts a group chat it says its send to my number but I never got any text. I wen't to settings>Messages and I can't find any on/off switch.Hello there, Idaniabb. The following Knowledge Base ar
Our end users will save the completed form and later upload it to anotherg place.  I created a save button that works fine, but without a Submit button there is nothing to trigger the reminder to go back and answer required questions.  I don't want t
How do I add a functional "submit button" to a pdf form in Adobe Acrobat Pro XI ? I created the pdf form in Adobe Forms Central. It's for an online Diet Questionnaire. After people complete the form I'd like them to click "SUBMIT" and
Just got Adobe Professional 7.0 for Windows XP. Was able to design a form in Professional that works in Acrobat Reader (the majority of my users do not have the full product). To do this I set the email button to export the data in a .fdf format. I r
I've created a form in LC ES2, and included an email submit button. When I open this form in Acrobat Reader 10.1.3, click the submit button, and specify "Desktop Email Application," as opposed to the "Internet Email" option, no email i
bHi; OK - I can clarify some things and tell you how to do what your looking for.  The desktop FormsCentral application tools are really designed towards create forms that do collect data on FormsCentral servers.  You can still easily create PDFs tha
Last spring I created a 6 page interactive pdf form to email my clients. At the end of the form, I designed Print and Submit buttons. I tested it in Reader and both buttons worked. However, now after revising some of the fields in the same form, the
I need to create a restaurant's employment application in PDF form with fields that user can fill out and a submit button to send the form to a specified email. I then need to put this PDF online on client's website. Is this possible with ID?Yes, but
Hi everyone, I created a form by dreamweavercs3. By the submit-button an e-mail is sent to the right E-Mail-Address. Everything ok. But the result looks very poor. Like : "name=xyc,adress=xtown".... and so one. Difficult to read and uncomfortabl
Hi, Can some body help me with creation of submit button programatically.under page button bar region(Existing region on page) ThanksHi, Please refer http://apps2fusion.com/apps/oa-framework/214-sample-code-add-submit-button-using-oa-framework-extens
The body of a message created by the email submit button contains the following copy: "The attached file contains data that was entered into a form. It is not the form itself. The recipient of this data file should save it locally with a unique name.
Just oant to know is it posible to create a form without the option to submit or send via email. I want my students to fill in the form and save it to a personal folder. The submit form button creates confusion.Many thanks Randy, I'll give it a go. B
Hi all, I am attempting to create a fillable form (PDF) which includes a submit button, which on clicking attaches itself to an e-mail (Outlook 2013), populates the recipients, subject and body text.  I have created the document (using a submit form
hi guys i have a requirement to create a new button on oaf page.i am extending controller and writing below code.but there is no button displaying on page.plz help me.am using jdev 9i and oracle ebs 11i.    OASubmitButtonBean oasb= (OASubmitButtonBea