HTML - Fieldset/legend Out Of The Form
hi everybody.
can i use fieldset/legend out of the form with an image in the "legend"? it's ok and validator says so but i wonder should i realy use it? thanks Similar TutorialsHey guys.. its been a while. Hope everyone has been well. Anyways I'm trying to help out a friend with their site which is located at http://www.centerforholistichealth.com Anyways if you look at the left most column near the bottom with the form for signing up for the monthly newsletter is you will see a legend/fieldset box, for some reason the box is coming out of bounds. Anyone have any ideas on how this might be corrected so that is stays within its bounds. Thanks as always, Eric Cant figure out whats wrong here. When the page is loaded, the legend doesnt appear on top of the form like it should. It displays itself inside the form instead. Suggestions? Code: <form method="post" action="mailto:espngear@yahoo.com" name="form" onsubmit="return validate_form ( );"> <fieldset> <legend>Ask Us!</legend> <b>Your Name:</b> <input name="yourname" type="text" size="25"/> <p><b>How may we contact you?</b> <font size="1" face="arial">* Enter contact information in both fields</font></p><b> E-mail:</b> <input name="email" type="text" size="25"/> <b>Phone:</b> <input name="phone" type="text" size="25"/><br/><br/> <b>Question Type:</b> <select name="questiontype"> <option selected="selected">Select</option> <option>General/Service Question</option> <option>Pricing</option> <option>Printing Job</option> </select> <font size="1" face="arial">*This specifies what you're asking</font><br/><br/> <b>Your Question:</b><br/><br/> <textarea name="questionbox" cols="55" rows="10" onclick="document.form.questionbox.value='';">Type your question here</textarea><br/><br/></fieldset> <input type="submit" value="Send" class="buttons" onClick="return checkmail(this.form.email)"/> <input type="reset" value="Clear Form" class="buttons"/> Does anyone know how to put (or if it's possible) form buttons into the legend of a field set? I tried searching but not really found much. The following snippet resulted in the text for the legend and the button from the form residing just inside the fieldset and not actually in the legend it self. The border of the fieldset then remained unbroken around the content of the fieldset: Code: <fieldset id="fieldset1"> <form action="nrt.php" method="post"> <input type="hidden" name="c_name" value="$c_name[0]" /> <legend> Editing page for class: <i>$c_name[0] <button id="button-submit_4" type="submit">(edit)</button> </i> </legend> </form> It's really annoying because the page would look pretty damn neat if I could get the button in the legend. Any help here or anything would be very much appreciated <fieldset> <legend align="left">Logo</legend> <textarea cols="111" rows="3"><center><img src="images/logo.gif"></center> </textarea> </fieldset> The legend appear ok, but for some reason the initial text contained within the textarea isn't displayed - how do i fix this? I am currently running this code. Hi, I'm using a table within a fieldset. The table columns expand beyond the fieldset boundaries which I don't want to happen. On the fieldset tab, I'm not using any classes other than: Code: fieldset { margin: 1em; } My opening table tag is: Code: <table cellspacing="0" cellpadding="5" border="0"> There are 6 columns in the table. Any ideas on how I can get around this? Thanks. I have several fieldsets contained as elements within a table, all in the same row. Some fieldsets have more fields than others, which makes them taller. The shorter fieldsets "shrink wrap" themselves, which makes the row look non-uniform. Can I format things so every fieldset border is the height of the largest in the row? Hi: Is there any way to change the color or thickness of the <fieldset> box border ? TIA -Mel Smith 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, 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 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.... 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 I am unable to get my form to look like this:- Somehow my image and the buttons are not together or not well formatted. |