|
HTML - Code Reset Button?
On an order entry web page I would like to code a reset button that clears out data a user has entered.
Similar TutorialsHello, I have done a search form in HTML (with something in Javascript), and a reset button that works perfectly. The search results are published on the same page of search form, but once its searched the reset button no longer works. So, once the form is submited, reset button stops working ... someone knows how can I fix it? Thank you very much and best regards to all! Hey guys Im having trouble with some html code, if you could help out that would be great. What im trying to do is put an activeX control into a .htm page and use a html form. The .htm uses the activeX to read a .txt file, and displays the data in a table, with headings, descriptions, images, and a text box used for selecting a quantity. Then at the bottom of the page, I have made a simple send to email button, and a reset button. However my problem is; I dont think the code for the form is enclosing the whole table. Here's the code I hope this works... <body> <object id="Productlist"classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param name="DataURL"value ="data/Partsproductlist.txt"/> <param name="UseHeader" value="TRUE"/> <param name="FieldDelim" value=","/> </object> <table DATASRC="#Productlist" style="border-style: ridge; border-color:darkseagreen; background-color:lightcyan"> <thead><tr style="background-color:aqua"> <th></th> <th>Product Name</th> <th>Product Description</th> <th>Unit Price</th> <th>Quantity</th> </TR></thead> <tbody> <tr style="background-color: ***hsia"> <td><span><img DATASRC ="#Productlist" DATAFLD="ProdImage" width="150" height="150" /></span></td> <td><span DATAFLD ="ProductName"></span></td> <td><span DATAFLD="ProductDescription"></span></td> <td><span DATAFLD="UnitPrice"></span></td> <td> <form><input type="text" name="quantity" id="numberinput" value="0" tabindex="0"/></form></td> </tr> </tbody> </table> <form Name="FormProductBoundOrder" method="post" action="mailto:abc@abc.co.uk" subject="emailsubjectwouldgohere"> <input type="submit" value="send"/> <input type="reset"/> i have written a simple html form code the problem is that this code is working fine when run in interner explorer, if i run in mozilla firefox form reset button work as submit button it show submit validation code when reset button press, can any one help me here is the code <script type="text/javascript"> function validation() { alert("submit buton has pressed"); return true; } </script> <body> <form id="form1" name="form_feedback" method="post" onsubmit="return validation();"> <table width="488" border="0"> <!--DWLayoutTable--> <tr> <td width="85"><span>Name:</span></td> <td width="393"><input name="txt_name" type="text" id="textfield2" size="35" /></td> </tr> <tr> <td><span>Email:</span></td> <td><input name="txt_email" type="text" id="textfield3" size="35" /></td> </tr> <tr> <td><span>Address:</span></td> <td height="0"><label> <textarea name="txt_address" id="textarea" cols="45" rows="2"></textarea> </label></td> </tr> <tr> <td><span>Phone No:</span></td> <td height="0"><input name="txt_phoneno" type="text" id="textfield4" size="20" onkeypress="return numeralsOnly(event)" /></td> </tr> <tr> <td><span>Comments For:</span></td> <td height="0"><input name="txt_commentsfor" type="text" id="textfield5" size="20" /></td> </tr> <tr> <td><span>Comments:</span></td> <td height="0"><label> <textarea name="txt_comments" id="textarea2" cols="45" rows="5"></textarea> </label></td> </tr> <tr> <td height="0"><label> <input type="submit" name="btn_submit" value="Submit"/> <input type="reset" value="Reset" name="btn_reset"/> </label></td> </tr> </table> </form> </body> Hello Im creating a IE Mobile website, which has limited CSS capabilities ( see http://blogs.msdn.com/windowsmobile/...es/213771.aspx ) and jscript capabilities( http://msdn.microsoft.com/library/de...ects2_jrzu.asp ) I have been able to change the buttons color and my current version I have the following code that changes the page background color when a button is focused. I just want the buttons to change color when the focus is on it and when no longer focused goes back to normal, so the user knows they have moved to another button. <HEAD><title>MySite</title> <SCRIPT TYPE="text/javascript"> <!-- function setbg(color) { document.bgColor=color; document.body.style.backgroundColor=color; } //--> </SCRIPT> </HEAD> <BODY> <INPUT TYPE="BUTTON" NAME="Btn1" VALUE="1" onFocus="setbg('red')" > <INPUT TYPE="BUTTON" NAME="Btn1" VALUE="1" onFocus="setbg('black')" > </BODY> </HTML> Any suggestion on how to change just button color upon mouseover and mouseout? Well thanks for any help 1 can extend! Heya, This is my first post on the forums =] I just wanted to ask if anyone knew a code that produced a clickable button on your website that when clicked by a website visiter raises the number of a visable counter by 1? And, if possible one that could only be pressed once by the same IP address or Computer. I hope this is clear enough =] I don't mean a site counter that raises the number everytime someone comes onto the site. I am using four frames. I want it so that when I click the 'home' link, the mainFrame and the contentFrame will return to their original state. How do I do this? Changing one frame is ok, but I dont know how to change them both. This is my main code: Quote: ... <frameset rows="9%,*" cols="*" framespacing="0" border="0"> <frame src="title.htm" scrolling="no"/> <frameset rows="*" cols="13%,19%,68%" bordercolor="#FFFFFF"> <frame src="menu.htm" scrolling="no"/> <frame src="main.htm" name="mainFrame" /> <frame src="content.htm" name="contentFrame" scrolling="no"/> </frameset> <noframes> <body> Get a better web browser! </body> </noframes> </frameset> </html> And here is the menu frame where the Home link is, you can see where I have added the mainFrame. But I want to add the contentFrame too: Quote: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } body { background-color: #000000; } a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; } a:active { text-decoration: none; background-color: #000000; } .style1 {color: #FFFFFF} --> </style> <table width="100%" border="1" bordercolor="#FFFFFF" align="center" > <tr> <td><div align="center"><a href="main.htm" target="mainFrame">Home</a></div></td> </tr> </table> <table width="100%" border="1" bordercolor="#FFFFFF" align="center" > <tr> <td><div align="center"><a href="images/images.htm" target="mainFrame">Images</a></div></td> </tr> </table> <table width="100%" border="1" bordercolor="#FFFFFF" align="center" > <tr> <td><div align="center"><a href="videos/videos.htm" target="mainFrame">Video</a></div></td> </tr> </table> <table width="100%" border="1" bordercolor="#FFFFFF" align="center" > <tr> <td><div align="center"><a href="audio/audio.htm" target="mainFrame">Audio</a></div></td> </tr> </table> Can someone take a look over here. (LINK) I'm having problem "reset-ing" the graph. Eg. Let say you change all the inputs + color and click on generate graph. After that, click on reset graph. Only the graph changes to (50-50-50) but the axis/inputs/colors remain intact. Any idea? Axis (axisid) Inputs (inputid) Color (colorid) Cheers. I inherited a HTML/PHP project which was a written in hurry and now I am trying to put in some editing and other confirmations. A type=reset was added to the screen and there is 2 option lists. When the form is first load only 1 list is displayed. Then the user makes the selection and depending on the selection the second list would display or not. On the reset option would like to hidden the 2nd selection but seems I can not get the right coding. I have tried onclick on the <input but no luck. There is a onSubmit on the <form which calls some validation checking. Tried put the call to function to hide the option list but no luck. Of course, I probably did not have the coding correct. How can I hide the 2nd option list on reset. how would i make a form that would send me an e-mail? What i need for it is a place to umput text and a submit button. Also, how would i put a reset button for that? Hello, I have a simple quiz with 3 parts: the quiz, the results page, and a printable certificate. On the first page (the quiz itself), I have a form with 20 questions and at the bottom is two buttons: Submit and Reset. Both of these work great, that's not the problem. The problem is on the second page. IF the user did not score high enough, they cannot proceed to the printable certificate and must retake the quiz. For this I have a button which takes them back to the quiz. Unfortunately, I can't get it to reset the form. Here's my code for the button: Code: <input type="button" value="Try Again" name="tryagain" onClick="history.go(-1); document.TrainingVideosTest.reset()"> The form on the first page is named TrainingVideosTest. Here's the code for the reset button on the quiz page: Code: <input type="button" value="Reset" name="resetform" onClick="document.TrainingVideosTest.reset()"> Does anybody know how to reset form data from another page? Is there a way to insure that all form fields are reset to empty or default values upon entry to the page that contains the form? I'm asking this because if someone has already submitted a form and arrives at the next screen, that form has already been logged. If they go back, it gets logged again and I don't want that. I would prefer that the solution would involve HTML &/or PHP because many people have Java script disabled. But, if it can't be done with HTML or PHP, then so be it. I'll have to use Javascript. My first thought was to somehow disable the "Back" button but that is probably offensive to many, and I wouldn't want to alienate anyone. Maybe someone on this forum might have the answer to my question or may be able to suggest another approch I could use. Thanking you in advance, Roy 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! i used javascript rich text editor in my code but when i reset form all the fields get reset except text area [javascript rich text editor]. even when i get value from javascript code it doesnt return value............ here is the code //text area <textarea cols="80" rows="10" name="news_description" class="widgEditor nothing">textarea> //reset code function resetTextArea() { document.form_addnews.txt_desc.value = ""; } //get value of text area...it does not work, odnt retyrn any value var cdescription = document.editnews.news_description.value.length; if(cdescription < 0) { alert(document.editnews.news_description.value); alert("Please enter Description"); document.editnews.news_description.focus(); return false; } I am creating a website that has a search button with an image. I would like to know if there is some simple code that I can include that would display the same basic image with a different color when the user mouses over the button. Here is the code: <FORM name="searchform" onSubmit="return validateSearch();" METHOD="POST" ACTION="search_results_lt.asp"> <INPUT TYPE="text" NAME="Search" VALUE="" SIZE="20" > <INPUT TYPE=IMAGE SRC="images/search_button.gif" Name="SearchButton" Value="Submit"> </FORM> **** Thanks for your help, Robin Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream". How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML? Thanx! I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum? Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff. Thanks. |
|||||||