HTML - A <form> Inside Another <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 Similar TutorialsSee the below HTML: <table width="100%" > <tr><td align="left" style="background:blue"> <form name="rrrevsortform" method="post" valign="center"> <select name="RRSort" onchange="Redirect(this.value);"> <option value="http://something" selected="true">one choice</option><option value="http://sdfsd">sfd first</option> </select> <input type="submit" id="sortSubmit" value="Go"> </form> </td> </tr> </table> If you save this as .html and view you will find that TD height(blue color) is double the height of form? why so? how can I contract TD to take the height of form. Surprisingly even the height attribute does not work! Hello all, I searched the board for an answer and didn't have any luck. This makes me wonder if what I want to do is possible. I have a webpage that uses divs to section the page into four sections (top, bottom, content, and navigation). On the navigation side is where users select a set of form options and based on those options details should display in the content section. Frames is not an option as we're trying to get away from frames and I need to make subsequent pages for other things without the frames. Thanks in advance for you helpm ~ML Hi, I am having a problem with the formating of a search box inside a table. All I want is for the text field and submit button to sit exactly in the middle (vertically aligned) inside the table with an equal space above and below (table background is dark colour so very noticeable) In Dreamweaver, it looks fine until published - then there is a large gap below the text field and submit button but small space above. I basically am trying to get the space below the same as the one above. Take a look at the code to see what I mean. <style type="text/css"> <!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; } --> </style> <table width="540" border="0"> <tr> <td width="534" height="26" bgcolor="#666666"><form action="http://www.soundscalpel.com/search.php" method="get" name="form1" target="_blank" id="form1"> <label for="textfield"></label> <div align="right"> <span class="style2">Search for Sound Effects </span> <input type="text" name="q" id="q" /> <input type="submit" value="Submit" /> </div> </form> </td> </tr> </table> Hope someone can help Thanks So I've been trying to set up a search box to blank out its default text when clicked, and reappear when it goes away (if empty). The script works fine--I know that much. However, when using it inside a table inside a form, it seems to fail every single time. Even "this.value=' ' " falls flat on its face. I'm relatively new to HTML, so please bear with me. Below is the script, a text box it does work in, and then the box I'm trying to make it work in. Quote: <script type="text/javascript"> function clickIn(field){ if (field.value==field.defaultValue){ field.value=''; } } function clickOut(field){ if (field.value==''){ field.value=field.defaultValue; } } </script> <form> <input type="text" name="text" id="test" value="test" onfocus="clickIn(this)" onblur="clickOut(this)"/> </form> <form> <tr> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--Search Box Dimensions--> <input type="text" title="Search Terms" name="lookfor" id="search" value="Search the Catalog" onfocus: "clickIn(this)" onblur="clickOut(this)" style="width:300px; border:0px solid; height:50px; padding:0px 3px; position:relative;"/> </td> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--The search button--> <input type="image" value="Go" src="Search Button.jpg" style="border-style: none; width: 50px; height: 50px;"/> </td> </tr> </table> </form> 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 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? 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.... I am creating a form that will list the status of 36 pieces of equipment with a brief explanation of the status. I'm currently thinking of dividing this into three columns of 12 with a check box to signify the piece of equipment has a status problem and a text box to type a short description of the problem. Is there a better way? Any help is appreciated. ok i have a rele big, and i think pretty complicated question: i'm ok at my html, me and my friend recently started a small bussiness and we were gonna make online ordering of our product, beanies, an option. i put the order form together, it looks great, everything on the form does what its supposed to: www.altibuzz.com/orderform.html the problem comes in with the submission of the form. i use brinkster to host my site, and i did not pay for the upgrade to use php, so i kno im stuck with using asp for the submission. I also kno that getting the form data emailed to myself is a possibilty, and ive played around with a few codes to try and do this, but i cant seem to get them to work. Brinkster provided me with this page to help: http://kb.brinkster.com/Kb.asp?kb=114498 that didnt help me very much tho because i dont rele kno what to do with it can someone help me figure out how to either make my form send me an email with the data it collects or even just make like a page show up when submit is pressed that displays the data and that the user could copy and paste into an email to send to me THANKS! ive been working on this for like 3 weeks now and have finally admitted defeat I'm using this code: HTML Code: <!-- INCLUDE overall_header.html --> <div class="panel"> <div class="inner"><span class="corners-top"><span></span></span> <div class="content"> <h2>{L_APPLICATION_PAGETITLE}</h2> <span style="font-size: 1.3em;">{L_APPLICATION_WELCOME_MESSAGE}<br /><br /><br /> <form method="post" action="{PROCESS_APPFORM}" id="appform"> <fieldset> {L_APPLICATION_REALNAME} <input type="text" name="name" /><br /> {L_APPLICATION_POSITION} <select name="postion"> <option value="{L_APPLICATION_TEAM1}">{L_APPLICATION_TEAM1}</option> <option value="{L_APPLICATION_TEAM2}">{L_APPLICATION_TEAM2}</option> <option value="{L_APPLICATION_TEAM3}">{L_APPLICATION_TEAM3}</option> </select> <br /><br /> {L_APPLICATION_WHY}<br /> <textarea rows="5" cols="50" name="why"></textarea> <br/><br/> <input type="submit" name="submit" id ="submit" value="{L_SUBMIT}" class="button1" /> </fieldset> </form> </span> </div> <span class="corners-bottom"><span></span></span></div> </div> <!-- INCLUDE overall_footer.html --> And the validator tells me that I can't use form on that position. Quote: Error Line 131, Column 62: document type does not allow element "form" here; missing one of "object", "ins", "del", "map" start-tag I don't understand what I'm doing wrong here, anyone an idea? 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 ? 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 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. 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. Hey everyone, this is my first post. I'm working on a webpage for a friend of mines business. We are just trying to get basic information online and allow customers to review the service that they provide. I am trying to create a simple form, I have the exact coding that I have on the page copied below. The only thing that is submitting to the email is first and last name. Nothing else is coming through and I'm not sure what my mistake is. . .probably something simple, if anyone could let me know that'd be great. Thanks <form action=MAILTO:bstevenson1533@yahoo.com method="post" enctype="text/plain"> First name: <input type="text" name="first" size="20"> Last name: <input type="text" name="last" size="20"><p> Please rate the following using the scale provided:<p> <LABEL CLASS ="desc" id="title0" for "Field0"> Consultation and sales service: </label> <select name=""> <option value="Great">Great</option> <option value="Good">Good</option> <option value="Poor">Poor</option> </select> <p> Installation and cleanliness: <select name=""> <option value="Great">Great</option> <option value="Good">Good</option> <option value="Poor">Poor</option> </select> <p> Training on usage of equipment: <select name=""> <option value="Great">Great</option> <option value="Good">Good</option> <option value="Poor">Poor</option> </select> <p> Our professional attitude and work ethic: <select name=""> <option value="Great">Great</option> <option value="Good">Good</option> <option value="Poor">Poor</option> </select> <p> How would you rate our overall service? <select name=""> <option value="Great">Great</option> <option value="Good">Good</option> <option value="Poor">Poor</option> </select> <p> <textarea rows="5" cols="70"> Please put any comments or suggestions here.</textarea><p> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> |