HTML - Form Help
Topic
Well here is what I'm trying to do:
i want to create a form with numerous fields, once people fill in the information and click the submit button i want the information, along with the titles, to show up in a pop-up and in the pop-up have a copy button to copy everything. I'm having difficulties having it show up in a pop up message to copy. If there is a faster easier way to get the information I want suggestions are much appreciated. Thank You, Jae Similar Tutorialsscript completed, thx Hi all, I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc. Can this be done? Thanks I have a form with a number of elements. One of these elements is: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> Clicking on that element makes the form submit. But if I add a similar element: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!"> ...clicking on that also makes the form submit. So was wondering if anyone knew what the rules were for which elements make a form submit? Cheers, James HTML 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.. I have a simple signup form on my site that I want to pass the input to the larger signup form. Here is the code for the simple form: <form action="http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp" method="post" accept-charset="UTF-8"> The larger signup form is located he http://bigdogcattle.com/?a=Cattle_Mailing-List_SignUp I want the email address from the simple form to move to the larger form when the submit button is pressed. Ideas? Hi guy, I tried to do some googling before i come to here. the problem is that i don't know what are the name or keyword for this, therefore i cannot find any relevant result. Let's say, i have many same html with different file name file filled with tables that i dont' want users to open and use it. Can i create another separate forms using html to fill in the blanks on the table cell maybe after i click submit button? Or it's easier to use VB to write a program and do the job? Please help. So i want to Post and Get in the same form for reasons of keeping the URL looking clean. I need to pass a PHP array through to the next page, and I don't want random gibberish in the URL. So, I can just Post this, but this is for a search page, and it would be nice to Get their search query for the reasons of the advantage of Get over Post, and because it looks better in my opinion. Anyways. The thing I am posting takes no user input, and it is defined in the beginning of the page. The thing I want to Get is user defined in a textbox. So, I need the method of the Form to be Get, but is it possible to also Post something? Thanks, If i wasn't clear i'm sorry and i'll try to explain it better. Hi, I have a tricky problem that you kind people might be able to solve. I want to put one set of forms inside another set of forms without them interfering with each other. At the moment, the form I've created inside the other form is not responding. The code, when simplified, looks something like this: <FORM (1)> <FORM (2)> </FORM> </FORM> Am I trying to do the impossible or is there a way to overcome this problem? Thanks! / Stefan I have created a form with multiple different buttons, the first button is required to open a pop up box to show a list of people who live in a certain postcode. HTML Code: <div id="form"> <form name="f1" method="post"/> <p> ID: <br/> <input name="ID" type="text" value="Leave Blank" /> </p> <p> Name: <br/> <input name="Name" type="text" /> </p> <p> Address: <br/> <input name="Address" type="text" /> </p> <p> Postcode:<br/> <input name="Postcode" type="text" /> <input type='submit' value='Check' onclick="popup('popUpDiv')" /> <p><a href="#" onclick="popup('popUpDiv')">Find Person</a></p> </p> <p> Telephone: <br/> <input name="Telephone" type="text" /> </p> <p> Mobile: <br/> <input name="Mobile" type="text" /> </p> <p> AltTelephone: <br/> <input name="AltTelephone" type="text" /> </p> <p> Email: <br/> <input name="Email" type="text" /> </p> <p> Date: <br/> <input name="Date" type="text" /> </p> <p>Notes: <br/> <input name="Notes" type="text" /> </p> <p> CompanyNotes: <br/> <input name="CompanyNotes" type="text" /> </p> <p> Payment: <br/> <input name="Payment" type="text" value="Leave Blank for 0" /> </p> <p> <input type="submit" Value='Book' onclick="f1.action='insert.php'; return true " /> <!--<div id="wheel"><a href="instructorSearch.php"onClick="return popup(this, 'notes')"><img id="mainLogo" src="im/wheel.png" alt="Driving School Logo" /></a></div> !--> </p> <p><input type="submit" Value='Enquire' onclick="f1.action='insertEnquire.php'; return true " /> </form> The first button on the code works but the pop up only displays for a split second, the hyperlink underneath the button opens the pop up for good but cannot get the variable from the form.... Hey guys I need to direct my submit button to a certain page, my code for the form is below. Thanks td><h3 style="border-bottom:1px solid black;">Booking A Show</h3></td> </tr> <tr> <td> <label for="FirstLastName" style="float:left;width:140px;">First and Last Name*:</label><input type="text" name="FirstLastName" id="FirstLastName" value="" maxlength="" style="width:200px;"><div style="clear:left;height:20px;"> </div> <label for="Email" style="float:left;width:140px;">E-Mail Address*:</label><input type="text" name="Email" id="Email" value="" maxlength="" style="width:200px;"><div style="clear:left;height:20px;"> </div> <label style="display:block;margin-bottom:5px;">Type of Event*</label><span name="EventDate" style="display:block;width: 400px;"><input type="checkbox" name="EventDate1" id="EventDate1checkboxOption" value="Strolling Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate1checkboxOption">Strolling Magic</label><input type="checkbox" name="EventDate2" id="EventDate2checkboxOption" value="Close-Up Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate2checkboxOption">Close-Up Magic</label><input type="checkbox" name="EventDate3" id="EventDate3checkboxOption" value="Stage Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate3checkboxOption">Stage Magic</label><input type="checkbox" name="EventDate4" id="EventDate4checkboxOption" value="Children Magic" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate4checkboxOption">Children Magic</label><input type="checkbox" name="EventDate5" id="EventDate5checkboxOption" value="Other (please specify below)" style="vertical-align: middle;border:0px;background-color:transparent"><label for="EventDate5checkboxOption">Other (please specify below)</label></span><div style="clear:left;height:20px;"> </div> <label for="Number" style="float:left;width:140px;">Evening Phone Number*</label><textarea name="Number" id="Number" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div> <label style="display:block;margin-bottom:5px;">Audience Attendance*</label><span name="Audience" style="display:block;width: 400px;"><input type="checkbox" name="Audience1" id="Audience1checkboxOption" value="1-10" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience1checkboxOption">1-20</label><input type="checkbox" name="Audience2" id="Audience2checkboxOption" value="21-50" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience2checkboxOption">21-50</label><input type="checkbox" name="Audience3" id="Audience3checkboxOption" value="51 or more" style="vertical-align: middle;border:0px;background-color:transparent"><label for="Audience3checkboxOption">51 or more </label></span><div style="clear:left;height:20px;"> </div> <label for="Time" style="float:left;width:140px;">Event Begins (HH:MM AM/PM)* </label><textarea name="Time" id="Time" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="Duration" style="float:left;width:140px;">Duration Of Event (H hours MM minutes*) </label><textarea name="Duration" id="Duration" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="location" style="float:left;width:140px;">City and State</label><textarea name="location" id="location" style="width:100px;height:20px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="payment" style="float:left;width:140px;">Maximum Payment Offered (per hour. $XX.XX*)</label><textarea name="payment" id="payment" style="width:100px;height:22px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="Comments" style="float:left;width:140px;">Special Requests and Comments. (This could include information such as packages not mentioned or special deals and discounts that you would like to include.)</label><textarea name="Comments" id="Comments" style="width:200px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="TellMe" style="display:block;margin-bottom:5px;">Briefly Tell Me About Your Event*:</label><textarea name="TellMe" id="TellMe" style="width:100px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div> <label for="How" style="float:left;width:140px;">How did you hear about Evan?*</label><textarea name="How" id="How" style="width:100px;height:100px;"></textarea><div style="clear:left;height:20px;"> </div> </td> *FIELDS ARE REQUIRED <tr> <td align="right"> <!-- YOU CAN MODIFY THE TEXT WITHIN VALUE="" TO MODIFY YOUR BUTTON TEXT--> <input type="submit" value=" Submit "> <input type="reset" value=" Reset "> </td> </tr> </table> </form> I need to make my form submit the data like a receipt, so basically when I click the submit button the data that has been entered from the form is displayed on another page. Not sure how to do this... Thanks I am creating a form to fascilitate the order of repeat prescriptions with the abillity to records 10 seperate drugs. However I have recently had a request from a local practise asking if it would possible for the form to exclude all empty fields when submitting the results. Having discussed this with many colleagues and friends within Web Design, I still cannot seem to find the relevant piece of code that would be used for this, my holy grail sorta. Lol. Neway any help on this would be awesome... i have a big problem, i am trying to make this form for my website, and it doesnt work. what is wrong with it? ----------------------------------------------------------------------------------- <head> <meta http-equiv="Content-Language" content="en-us"> </head> <form method="POST" action="--WEBBOT-SELF--"> <!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="sk8kid359@yahoo.com" B-Email-Label-Fields="TRUE" S-Builtin-Fields U-Confirmation-Url="www.myspace.com" --> <p><input type="text" name="T1" size="20"></p> <p><input type="text" name="T2" size="20"></p> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> ----------------------------------------------------------------------------------- Good day i operate a commodore 64 web server its runs from a real commodore 64 built in 1982. I would like to create a small html script that will allow users to leave a small note on the commodore 64 web server. Basically a small html script that will create a txt file say form.txt then allow the user to write to it. Then someone else can read it at a later date from a link i create to it. The web server contiki the commodore uses only supports basic html codes. Thanks for any and all input www.c64web.com. Ok what im trying to do is, when a user submits his Name in the form and sends a coment. When he/she clicks the submit button it will take them to a page saying. "thank you for submitting your comment." I dont need the comment to be emailed to anything... just how do i get the next page to say the name he put in the Name text box. Anyone who can answer this will be my hero for the day Thank you. So I have been asked to make a form (something I never usually do) as part of a project. I have whipped up some code and wonder if anyone could take a look at it.. Code: <div> <form action="https://www.secpay.com/java-bin/ValCard" method="post"> <p> <label for="firstname">First Name: </label> <input id="firstname" type="text" /><br /> <label for="lastname">Last Name: </label> <input id="lastname" type="text" /><br /> <label for="account">Account Number: </label> <input id="account" type="text" /><br /> <label for="housenumber">House Number/Name: </label> <input id="housenumber" type="text" /><br /> <label for="postcode">Postcode: </label> <input id="postcode" type="text" /><br /> <label for="email">Email: </label> <input id="email" type="text" /><br /> <label for="trans_id">Invoice Number(s): </label> <input id="trans_id" type="text" /><br /> <label for="amount">Amount Paying: </label> <input id="amount" type="text" /><br /> <label for="notes">Notes: </label> <input id="notes" type="text" /><br /> <input name="callback" value="/authorised;/declined" type="hidden" /> <input name="merchant" value="value01" type="hidden" /> <input name="trans_id" value=trans_id type="hidden"> <input name="amount" value=amount type="hidden"> <input name="digest" value="" type="hidden"> <input name="bill_email" value=email type="hidden"> <input name="req_cv2" value="true" type="hidden"> <input name="options" value="test_status=true" type="hidden"> <input value="Send" type="submit" /> <input type="reset" />*</p> </form></div> Before it sends I am looking to transfer amount and email values into the hidden values. For the digest value I need to combine the data entered into one variable. E.g. First name and lastname and invoice number into one variable "digest" So would this be something like Code: <input name="digest" value=(firstname + lastname + invoice) type="hidden"> Can someone help me out? Cheers alright so i made a form box i want to have numbers from 1-10 on the left and an [ADD] button next to each number so when i click the [ADD] button it adds the number into another form (text and type form... those white rectangle boxes) how do i go about doing this? i have the following code to send an SMS from my website HTML Code: <form method="post" action="https://www.esendex.com/secure/messenger/formpost/SendSMS.aspx"> <P>Username:<br> <INPUT name="EsendexUsername" type="text"></P> <P>Password:<br> <INPUT name="EsendexPassword" type="password"></P> <P>Account:<br> <INPUT name="EsendexAccount" type="text"></P> <P>Recipient:<br> <INPUT name="EsendexRecipient" type="text"></P> <P>Message:<br> <TEXTAREA name="EsendexBody" rows="3" cols="20"></TEXTAREA></P> <input type="submit" value="Send"> </form> however when i click send it goes to the sms servers website for confomation, i wish to back to my home page calledHome.htm if i change the action to home.htm the sms does not send any ideas anyone ? Hey all, first post! I'm looking to do a change in my website. I want the radio buttons just changed to a button. For example, my code looks like this: <form action="action.php?page=attack" method="post"> <input type="radio" name="what" value="1" checked> <input type="radio" name="what" value="2"> <input type="radio" name="what" value="3"> <input type="radio" name="what" value="4"> <input type="submit" value="Attack" /> </form> So what I want is to replace each radio button with a submit button which does the same functionality as if you select the radio button then press the "Attack" button. Thanks all. Ok, i made a frameset with the left side as an index and the right side as where the links show up as. this is it right <a href="http://www.freewebs.com/kunaproxy/home.html>here</a>. as you can see i have clickable links, but i want to make it so that the url you type in the box is what shows up on the right. this is what i have so far:
Code: <form name="URLform" target="showframe" action="forward.php" method=post style="display:inline;"> <input style="margin-top:5px;" name="URL" class="urlin" size="50" value="http://" onfocus="activatefield(this);" onblur="deactivatefield(this)" /> <input type=submit value="Go" style="font-weight: bold;" class="urlgo"> <br /> some help? I'm just starting to design a website and the form that I'm trying to create where when you click submit the data is displayed on a different web page isn't working properly. Heres the code: <form action="data.htm" method="post" enctype="multipart/form-data"> <font face="times"><h1><u>E-mail Form</u></h1></font> Your E-mail:<br> <input type="text" name="name" value="" size="40"> <br> Link To File (This Can Be Left Blank):<br> <input type="text" name="mail" value="" size="40"> <br> Additional Comments:<br> <textarea value="" rows="5" cols="40"></textarea> <br><br> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> Is there anyway i can transfer the file from this form to data.htm? Thanks in advance for your help! Hi Guys, Some help needed and answers to simple questions..! 1) I made simple HTML site and added a COntact form too.The problem in the Contact form is that I cannot write in the text boxes or when I click on the text boxes no blinking cursor can be seen nor the Submit button is clickable. I am using Firefox but the form works fine in IE5. View Here On the Contact Page 2) I am trying to insert a slideshow.Can it be done in HTML without using any language like PHP,Javascript etc Kindly help me.Waiting for your replies. Regards, a2usmani I am unable to get my form to look like this:- Somehow my image and the buttons are not together or not well formatted. Well here is what I'm trying to do: i want to create a form with numerous fields, once people fill in the information and click the submit button i want the information, along with the titles, to show up in a pop-up and in the pop-up have a copy button to copy everything. I'm having difficulties having it show up in a pop up message to copy. If there is a faster easier way to get the information I want suggestions are much appreciated. Thank You, Jae |