HTML - Voting Form
Fixed problem
Similar TutorialsHow do I implement a voting system in which I put all the highest voted at the top of the list? Thanks in advance!! Is it possible to have a simple list with a button beside each item that can be used to keep a running count of each time that button is pressed, thereby moving the item up higher in the list? For example, here's my list: FAVOURITE COLORS Red <button> 0 Blue <button> 0 Green <button> 0 Yellow <button> 0 Those buttons all get pressed by visitors to a webpage, and the page then refreshes to show something like this: FAVOURITE COLORS Green <button> 24 Yellow <button> 9 Red <button> 4 Blue <button> 3 Any help would be much appreciated HTML + ? + source code. 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 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> Hello, Sorry to ask a question that I'm sure has been asked before, but I'm in a situation that none of them were probably in... See I'm working with an internal site, and I have no access to the back-end of the site or for that matter even to the header section of any page within the site, just to the body section. I'm trying to create a form that will send an email to a designated address and use the URL of the page with the form on it for the subject using an arguement that automatically pulls the URL because the URL's will change periodically and I don't want to have to manually change every form every time they do change. I also want to add a piece of static text to the body of the email in addition to the user input section. Alternately if it is not possible to modify the subject line given my constraints, would it be possible to get the URL to post in the body of the email? The only good news is that since this is an internal server available to employees that all have the same systems and group policy, we do know that all users will be using the same browser (IE-8) and there's no need to have cross-browser compatibility. Also all users have javascript enabled on their browsers if that helps at all (although I have no idea how it would). PS - I'm not worried about the outlook warning popup message since it's for internal use by employees who can be directed to click ok on the popup. Here is all I have so far: Code: <form action="MAILTO:my_email@this_is_just_an_example.com" method="post" enctype="text/plain"> Text above the form inputs, this text should not be included in the email.<br /> label of input: <input type="text" name="Reason" value="preloaded info that will be cleared out" size="63" /> <input type="submit" value="Send"> </form> Thanks for your help with this. I'm trying to create a basic form with a text, password and submit button. I don't really have clue on how to set up this form and aswell I need to style it so it fits in my header on a straight line. If anyone could help it would be much appreciated? 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? 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> ----------------------------------------------------------------------------------- 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 ? 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... 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 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 |