1) Insert the following script between the and tags in the page. 2) Give your form a name, f.e. myform. Place this in every field value statement inside the script, like this document.myform.Name.value = ""; and place it in the document.myform.submit statement. 3) For each field in your form (name, email, address, etc..) you must have or add a document.myform.FIELDNAME.value=""; statement. The total number of fields MUST MATCH the number of document.myform.xxxx.value statements in the script. If you get errors, check this!! 4) Insert the proper form action (change the URL to your form script) and name the form as below. The name must match all the names in the above mentioned statement inside the script. If you get errors, check this!!
The input statements differ depending on the form handler script you actually use on your server. If your script allows a Redirect URL and you include the statement, make sure you create a Thank you page. 5) Insert the graphics for the buttons in the right place. In HTML, add the for the Submit button graphic, and for the Reset button graphic as follows: Don't forget to close the statement with the . The blue colored code in bold can or should be modified as is necessary. You can do a preliminary test by entering some information and clicking on the CLEAR button. If it clears, it means all is working fine. Good luck with this great little script to enhance the way your forms look. For CGI scripts that handle forms, go to the SimplytheBest CGI Scripts Library.