HTML - Forms And Submit Buttons
I've got a quick question. I've got a page with about 6-8 forms on it. Several of the forms are nearly identical, as they accept an ID number, or a selection made from a pop-up option list.
What I want to do is collapse the identical forms into a single data entry area and then have several different submit buttons which have different values, then use the value of the submit button to determine what action to perform for the form. My question is... is this a proper use of the type=submit input element, or am I better off keeping the forms separate. All the forms call the same PHP script (itself) to perform the action. I'll be trying it out, but I don't want to waste time redesigning the page if what I'm trying to do will not work. Thanks. Similar TutorialsHello, I am trying to create a form so that member can submit a file to our Yahoo! Group. However, I cannot get it to work. Perhaps that this is not even possible? I have an html file that can click on and after they have filled out the form, they would click "submit" and it would post that file into out Yahoo! Group file section. If this isn't possible, is there a way to have it bring up a page with all the information on it after they submitted it so they can just copy and paste? Thanks, DarkEdward I'm trying to use an image as a button. I.e. create my own buttons. I can't use input because it creates it's own button and using the <button> makes my button on top of that grey button. Burrito. I'm new to this stuff. Could I be using javascript. And if so, do I use some sort of identifyer in header or can I put it in the document? Hi I'm trying to add an update profile page on my site and am uploading the details from a database. I want to display the details in a form where there will have the option to click an update button the problem is: i have a radio button where I want it to automatically show the current sex of the member, but how to I determine which box to check and which one to leave? the sex is stored in the database in a enum, values 'male', 'female' the html I've got at the moment is: HTML Code: Male: <input type="radio" name="male" <?php if ($msex = "male") {echo "checked";}?>/> Female: <input type="radio" name="female" <?php if ($msex = "female") {echo "checked";}?>/> Hi Folks, Before I submit code, of which there is a great deal, I was wondering if someone could help me understand a little problem with buttons. My setup is this: 1) A drop-down menu triggers the creation of the form associated with the selection. 2) On that form are three radio buttons which open another form depending on the selection. Sounds simple enough but once the form is opened via radio button you can't click on them until you re-select the same option from the drop-down menu. My objects are set up as follows: Main document - Main form - DD menu - Text field - Sub-form - 3 radio buttons - Sub-form MK2 - Buttons, text fields and labels oh my My thought process is I have a main form object which has a child (Sub-form) and its child has a child (Sub-form MK2). What's even more confusing is when I print out the status of any of the radio buttons it says they are enabled... I just can't interact with them. If you need code I can provide but it is somewhat long. Thanks for your help! I'm looking for a way that I can allow users, that visit my website, to submit a graphic (.jpg,.gif,etc) either to my inbox or a specified folder on the server. Is this possible? I plan on using it under the "Your Screens" link. - http://www.v0dk4.com/main.shtml How do I make a script so the submit forms that were submitted go to my email? If you need my whole html/php script to edit it, ill give you. I do not even know where to start for editing. Please tell me where I put my email to make it submit. If its a javascript please help me out. basicly im building this website for a company and this is my last bump in the road, i have a form made up for people to fill out as an application but i dont know the code to put as a link on the submit button to send the information to an e-mail address, can anyone help? im supposed to have this done tomorrow, heres a pic to help explain <a href="http://photobucket.com" target="_blank"><img src="http://i10.photobucket.com/albums/a134/sirv101/help.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a> I would like to create 2 buttons for my form. The 1st button named "Submit Ads" would be a submit command and go to one page upon click. The second button named "Continue >>" would be a submit command and go to different page upon click. How can I do this? Your help would be greatly appreciated! Hi all! I have a table created using php getting information from a MySQL database. No problems there. The problem is that I want to put a form submit button near each of the table rows. Now. the logical thing to do would be to add a column to the table and put a submit button in each row. The only problem is that I want there to be a border only around the original table and not over the submit buttons. How do I go about doing that? Thanks in advance, dirk_gently I have a JSP with HTML and Javascript in it. There're 2 image buttons and 1 Submit button, for some reason ALL buttons submit (when I click any of the image buttons, it works fine but submits too). I'm kinda new to HTML and JS so i need to know where did I go wrong Code: <form action="Req_Result" method="post" name="entry" onSubmit="return validate(this)"> <table border="0" cellpadding="10" cellspacing="10"> <tr> <td> <table> <tr> <td><INPUT TYPE="RADIO" NAME="searchBy" checked="checked" value="byname" onclick="sortby()"> By Name</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchBy" value="byDate" onclick="sortby()"> By Date</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchType" checked="checked" value="whole" onClick="chMd()"> By Department</td> </tr> <tr> <td><INPUT TYPE="RADIO" NAME="searchType" value="byid" onClick="chMd()"> By ID</td> <td><input name="ps" type="text" size="18" disabled="disabled"></td> </tr> <tr> <td>Start Date:</td> <td><input name="startdate" id="startdate" type="text" size="18" readonly> <input type="image" src="theme/panelCalendarIcon.gif" value="date1" onClick="SelectDate()" ></td> </tr> <tr> <td>End Date:</td> <td><input name="enddate" id="enddate" type="text" size="18" readonly> <input type="image" src="theme/panelCalendarIcon.gif" value="date2" onClick="SelectDate()" ></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Submit"></td> </tr> </table> </td> </tr> </table> </form> I am doing a online sign up page, and I am unsure on how to make a submit button send all selected boxes and inputted text to say my email address for this website. and how to get the reset button to reset anyone know how to do that? I'm new to this forum and html as well... Might sound like as silly question... I'm an Android application developer. Recently i developed an app to track down the location of the cell phone using inbuilt GPS Receiver. Now, the user gets the coordinates and needs to enter it into a web site text input to get the exact location of his cell phone. I just want two input type="text" field and one input type="Button". inside input types, user needs to fill in Latitude and Longitude value and on clicking the button, a new windows should pop up with a google maps url like the following : - http://maps.google.com/maps?q=28.422523,77.102102 where 28.422523 and 77.102102 are two text field contents passed from input type="text". Thats it. I tried but on submission of the button, the url becomes http://maps.google.com/maps?q=28.422523&r=77.102102 which doesn't work since google maps cant resolute the url. I cudn't remove "&" and "=" sign and replace it with a ",". Help would be greatly appreciated. Thanks... I am trying to submit a forum through javascript, but the catch is I want to change the name of the button being sent through the form. Here is what I have here is the javascript function. Code: function form_submit(option) { if (option == 1) { alert("Option1") document.submit_form.DE_WEB_COMMAND.value = "Login"; document.submit_form.submit(); } else if ( option == 2 ) { alert("Option2"); document.submit_form["DE_WEB_COMMAND"].value="Activate"; document.submit_form.submit(); } } Code: <form action="/EN/cgi-bin/cgi_chip" method="post" name="submit_form" target="_blank" /> <input type="hidden" name="DE_LS_ATTM_USER_NM" value="" /> <input type="hidden" name="DE_LS_ATTM_USER_PSSW" value="" /> <input type="hidden" name="DE_WEB_PAGE_ID" value="login" /> <input type="hidden" name="DE_USER_VALUE" value="389740" /> <input type="text" id="username" name="DE_LS_IP_ATTM_USER_NM" tabindex="1" maxlength="20" value="" /> <input type="password" id="password" name="DE_LS_IP_ATTM_USER_PSSW" tabindex="2" maxlength="20" value="" /> <input type="submit" class="button" accesskey="l" tabindex="3" name="DE_WEB_COMMAND" value="Sign In" onclick="form_submit(1)" /> <input type="reset" accesskey="r" class="button" tabindex="4" name="Reset" value="Reset" /> <input name="DE_WEB_COMMAND" accesskey="E" type="button" class="button" value="New User? Enrol Now" onclick="form_submit(2)" /> </form> I have stripped out the formatting of the form. Anybody see why it doesn't work? ok so i have a java script that directs someone to a site based upon which radiobutton they choose after the cllick submit and then i have BLue mail form which sends me the form data when they click submit the problem is how do i get both of these things to happen? i created this code to try and figure out how to do it <head> <script language="JavaScript"><!-- function go(what) { for (var i=0; i<3; i++) { if (what.sameName[i].checked == true) location.href = what.sameName[i].value; } } //--></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <form> <form action="http://www.bluehost.com/bluemail" enctype="multipart/form-data" method="post"> <br><input type="radio" name="sameName" value="http://www.google.com"> Google <br><input type="radio" name="sameName" value="http://www.yahoo.com"> Yahoo <p> Name: <input name="first_name" type="text" style="width: 199px;"><br /> <input type="hidden" name="sendtoemail" value="Myemail-address"> <input type="button" onClick="go(this.form)" value="Continue"> </form> </body> </html> I am a HTML noob so i kinda need a step by step or code answer.. hey so i have a template which is just a picture and I want the person to be able to click it (but they would in reality just be clicking the invisible button) while it's the background of my site. It allows the person to enter <form name="input" action="http://www.google.com" method="get"> <input type="submit" value="Enter"> </form> if I make the value nothing (or a space), it doesnt dissapear, it just shows a blank button hey all, Thanks for looking at my issue, what i am trying to do is as follows! On my page http://cre8tivepixels.com/Quote%20form.html I have a quote form up the top, that works fine, i then added a section where models could send me three photos, when you click on these tabs it loads the photo up, but all i get is an email with the photo names but NO photos? What do i have to put in my script to make it so i recieve there jpegs, and not just the name of the file? Can this even be achieved? Basically i want the photos that a model submits to be delivered in my email address the same as my Quote Form above? Hope that makes sence? Cheers Dan I know this is probably a strange request but I'm trying to figure out how to use an area tag to define a form submit button (or the equivalent of that). Does anyone know if this can be done? I have a form and instead of clicking on a "Submit Button". I would like to have a text link that can be clicked to submit the action. Any ideas. Why is it that my button on IE looks like crap, with blurry corners and sadly rounded edges... http://unreal-deals.com/temp/ie-submitbutton.html But this guy's button in IE looks just perfect, with no blurry corners and sharp square edges? http://www.splittestaccelerator.com/1/?cnotes*18059868 I'm a relative novice to HTML and CSS trying to earn some extra cash doing freelance web designing. With the project I'm working on now, my client has pointed out that in IE 6 and 7, the Submit and Reset buttons of the Contact page are not working. The thing is, they actually are working, it's just that the rollover area for some reason has been reduced to just the bottom edge of the button. Here's the url I test off so you can see what I mean: http://www.animationpolitik.com/newDMsite/contact.html The buttons work just fine in Firefox and IE8. However if you go into either IE6 or 7 you'll notice that the interior yellow highlight of the Submit and Reset buttons only lights if you carefully roll over the bottom edges of the buttons. They'll work if you hit them at those exact locations, but if you mouse over the center of the buttons and click, nothing happens, which apparently is confusing a lot of my client's customers. It's strange because these are just the default buttons that are created when using the <form> tag; there's no styling on them whatsoever. The table I have them nested in reads like this: <form method="post" action="contact_retrieval.php" target="_top"> ... <table class="comments" border="0"> <tr> <td height="18" colspan="2">Additional comments/questions:<br /> <textarea rows="7" cols="55" wrap="physical" name="comments"> </textarea> </td> </tr> <tr> <td width="87" height="18"><input type="submit" value="Submit" name="submit"></td> <td width="393"><input type="reset" value="Reset" name="reset"></td> </tr> </table> </form> I've been searching the issue for the past several hours and have tried everything from moving the buttons outside the table to relocating them outside the <form></form> tags, but nothing woks. Any idea what could be causing this madness? Any help with this situation would be greatly appreciated! |