HTML - Need Help With Form Customization
Hi everybody,
I want to customize the opt in form of my website, the code of my autoresponder is Quote: <table width=300 style="font-weight:normal;font-family:Arial;font-size:12px;"><form action="http://dataentryforall.net/ps/sub.php?a=s" method="post"> <input type="hidden" name="l" value="4"> <tr><td align=right>Email:</td> <td align=left><input type="text" name="e"></td></tr> <tr><td align=right>Name:</td><td align=left><input type="text" name="f"></td></tr><tr> <td colspan=2 align=center><input type="submit" name="submit" value="Subscribe"></td> </tr></form> </table> I want to customize it, that is I want to be using the type of form which has the following code: Quote: <html> <head> <title>HighImpactTemplates.com</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" text="#000000"> <br> <table width="229" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td valign="bottom"><img src="images/ne_orange_01.jpg" width="229" height="75"></td> </tr> <tr> <td background="images/ne_orange_03.jpg" valign="top"> <table width="229" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="18"> </td> <td width="178"> <form name="form1" method="post" action=""> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif" color="#333333"><b>Please enter your name & email below to download you Free Report Instantly!</b> </font><br> </div> <div align="center"> <table width="90%" border="0" cellspacing="7" cellpadding="0" height="62" align="center"> <tr> <td height="2" width="29%"> <div align="right"><font face="Tahoma" size="2"><b>Name:</b></font></div> </td> <td height="2" width="71%"><font face="Tahoma" size="2"><b> <input type="text" name="textfield" size="15"> </b></font></td> </tr> <tr> <td height="29" width="29%"> <div align="right"><font face="Tahoma" size="2"><b>Email:</b></font></div> </td> <td height="29" width="71%"><font face="Tahoma" size="2"><b> <input type="text" name="textfield2" size="15"> </b></font></td> </tr> </table> <br> <input type="submit" name="Submit" value="Submit"> </div> </form> <div align="center"></div> </td> <td width="34"> </td> </tr> </table> </td> </tr> <tr> <td valign="top"><img src="images/ne_orange_04.jpg" width="229" height="44"></td> </tr> </table> </body> </html> Pls help, I want all emails to go to my mailing list but i don't know how to replace the values. I n short form, the first code is the form code for my autoresponder, the second one is an opt in form template, I want my design to be like the opt in form template while still able to capture user data such as name and email. Thanks a lot, I will really appreciate your help. Similar TutorialsHi All, I am new to web development.I would like to know how to optimize the <select> tag based on my requirement By default <select> tag lists contents based on the context(ie. if I type A it will list all possible combinations with A like AA,Aa,Ab,AB,Ac,AC and so on(not in the same order)).Similarly if I type Ab it should list all combinations starting with Ab which it does but the problem is you have to be little quick here otherwise if I press A and wait some time and then press B then I wil get all contents starting with B and not with AB which is what was intented.Is there an alternate to this so that whatever I type will get the apt search results. I got something like this on posting some popular websites: http://extjs.com/deploy/dev/examples/form/combos.html Unobtrusive Transformed select: is what I exactly need.But it did not work exactly.Can anyone help me getting the same without much complexities.I am a Java programmer with very little knowledge of web design and development.Can anyone help? script 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 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? 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.. 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 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. 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.... 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 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 I am trying to create a form for a legal blog to collect the person's name, their firm, and sign them up for a free monthly newsletter using google groups. i know how to do the newsletter, however i do not know how to collect their name and firm as well as their email. So basically i have two questions: 1) how do you collect information with an online form and how do you store it? i have heard of CGI scripts and I do not understnad what is required to use one and hwo to store data on them. 2) how do I have two form actions for one form? the first one would sign them up for the google group, and the second would collect their name firm and email. Finally, i need to do it all in one form with one submit button. Here's the code I have so far, all it does is sign up someone for the google group: <div id="left"> <div class="sidebar"> <ul> <li><h3>FREE Weekly Newsletter:<br> <form action="http://groups-beta.google.com/group/Law_Department_Management/boxsubscribe"><input type=text name=email><input type=submit name="sub" value="Subscribe"></input></form></h3></li></ul> I just started learning html, any advice would be much appreciated. Thanks, Bud Fox 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 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? 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. 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> ----------------------------------------------------------------------------------- Hello all: Now I am very new to to html and recently tired to create a website. I was cruising along when I got stumped. I have tried to do this on my own without having to post for help without any luck. I have been trying since last week. You all probably think the form in html is so very newbie and im sure your right lol. But I just can't seem to get this form to work right. I want the information submitted in the form to go directly to my email if possible. I would also like to validate and require the user to enter Name, Email and Phone beofre they are able to "submit". Any help would be GREATLY appretiated. Thank you for reading my post. Attached is the html file that I am working with. I am working in Dreamweaver 8. Thanks in advance. Mellisa hello, im new to this forum and i hope i put this in the appropiate section on my html file i putt a button and linked it to another html but when open the html i cannot view the button, what could be causing this button to not be seen? thanks Hi, my friend wants me to link this CPA form from his webpage Code: http://adserve.internetgiveawaygroup.com/SplashPage.aspx?g=68e77f2cb58040f885d4263a1bd95604&c=2675&s=CD11452&se=07 The Cpa page asks you to enter your email address, my friends wants to be able to have that information entered on his page... and when you click submit... it will remember your email address on the landing page... does that make sense to anyone? Id love any help, i dont know how this cpa stuff works but this is what he wants Thx Matt Ok, I made this form. Took a while, but I like it and it's layout. I went through the form tutorials online and did everything, from what I see, right. But when I hit submit, it takes all the entered info and shoots it to my email client in a new message to sent (not just sending it automatically and directing the user to a thank you page as I want). Any hints? HTML Code: <form enctype="text/plain" method="post" action="mailto:info@pigseldesign.com"> <div> <input type="hidden" name="reply" value="thankyou.html"> <input type="hidden" name="required_vars" id="required_vars" value= "first,last,email,comment,contact" /> </div> <table cellspacing="5" cellpadding="5" border="0"> <tr> <td valign="top"> First Name: </td> <td valign="top"> <input type="text" name="first" id="first" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Last Name: </td> <td valign="top"> <input type="text" name="last" id="last" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Address: </td> <td valign="top"> <input type="text" name="address" id="address" size="40" value="" /> </td> </tr> <tr> <td valign="top"> City: </td> <td valign="top"> <input type="text" name="city" id="city" size="40" value="" /> </td> </tr> <tr> <td valign="top"> State: </td> <td valign="top"> <select name="state" id="state"> <option value="Alabama">Alabama</option> <option value="Alaska">Alaska</option> <option value="Arizona">Arizona</option> <option value="Arkansas">Arkansas</option> <option value="California">California</option> <option value="Colorado">Colorado</option> <option value="Connecticut">Connecticut</option> <option value="Delaware">Delaware</option> <option value="Florida">Florida</option> <option value="Georgia">Georgia</option> <option value="Hawaii">Hawaii</option> <option value="Idaho">Idaho</option> <option value="Illinois">Illinois</option> <option value="Indiana">Indiana</option> <option value="Iowa">Iowa</option> <option value="Kansas">Kansas</option> <option value="Kentucky">Kentucky</option> <option value="Louisiana">Louisiana</option> <option value="Maine">Maine</option> <option value="Maryland">Maryland</option> <option value="Massachusetts">Massachusetts</option> <option value="Michigan">Michigan</option> <option value="Minnesota">Minnesota</option> <option value="Mississippi">Mississippi</option> <option value="Missouri">Missouri</option> <option value="Montana">Montana</option> <option value="Nebraska">Nebraska</option> <option value="Nevada">Nevada</option> <option value="New Hampshire">New Hampshire</option> <option value="New Jersey">New Jersey</option> <option value="New Mexico">New Mexico</option> <option value="New York">New York</option> <option value="North Carolina">North Carolina</option> <option value="North Dakota">North Dakota</option> <option value="Ohio">Ohio</option> <option value="Oklahoma">Oklahoma</option> <option value="Oregon">Oregon</option> <option value="Pennsylvania">Pennsylvania</option> <option value="Rhode Island">Rhode Island</option> <option value="South Carolina">South Carolina</option> <option value="South Dakota">South Dakota</option> <option value="Tennessee">Tennessee</option> <option value="Texas">Texas</option> <option value="Utah">Utah</option> <option value="Vermont">Vermont</option> <option value="Virginia">Virginia</option> <option value="Washington">Washington</option> <option value="West Virginia">West Virginia</option> <option value="Wisconsin">Wisconsin</option> <option value="Wyoming">Wyoming</option> </select> </td> </tr> <tr> <td valign="top"> Zip: </td> <td valign="top"> <input type="text" name="zip" id="zip" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Telephone: </td> <td valign="top"> <input type="text" name="telephone" id="telephone" size="40" value="" /> </td> </tr> <tr> <td valign="top"> Email Address: </td> <td valign="top"> <input type="text" name="email" id="email" size="40" value="" /> </td> </tr> <tr> <td valign="top"> I'm Interested In: </td> <td valign="top"> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_0" value="Brand / Logo Design" /> Brand / Logo Design <br/> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_1" value="Naming" /> Naming<br/> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_2" value="Print" /> Print<br/> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_3" value="Business Collateral" /> Business Collateral <br/> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_4" value="Web Design" /> Web Design<br/> <input type="checkbox" name="field-3c0a7df79f214e6[]" id="field-3c0a7df79f214e6_5" value="Other" /> Other<br/> </td> </tr> <tr> <td valign="top"> Questions Or Comments: </td> <td valign="top"> <textarea name="comment" id="comment" rows="6" cols="40"></textarea> </td> </tr> <tr> <td valign="top"> I'd Like To Be Contacted By: </td> <td valign="top"> <input type="checkbox" name="contact[]" id="contact_0" value="Telephone" /> Telephone<br/> <input type="checkbox" name="contact[]" id="contact_1" value="E-Mail" /> E-Mail<br/> <input type="checkbox" name="contact[]" id="contact_2" value="Singing Telegram" /> Singing Telegram<br/> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value=" Submit Form " /> </td> </tr> </table> </form> |