Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Reset Button 1

Status
Not open for further replies.
ShirlT

ShirlT

IS-IT--Management
Mar 2, 2004
8
0
0
US
I am attempting my hand at my first website. It is completed but I cannot get the reset button on my form to work. Any suggestions on what could be the problem?

Thanks for the help!
 
Sort by date Sort by votes
Make sure it is inside the form tags. It would be good if we could see your code.

ASCII silly question, get a silly ANSI
 
Upvote 0 Downvote
Hi Modalman,

Keep in mind that I am a self-taught newbie and trying to design our own business website. I could be all wrong here with this form, but that is why I find myself here quite often. Be gentle. :) And...Thanks!

Here is the code for the form I am trying to use:

<html>
<head>
<title>WEB REQUEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#D8D8D8">
<FORM METHOD="POST" ACTION="<INPUT TYPE="HIDDEN" NAME="RECIPIENT" VALUE="name@earthlink.net">
<INPUT TYPE="HIDDEN" NAME="THANKURL" VALUE="<table width="982" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="80" colspan="6" valign="top"><div align="center">
<p><strong><font color="#660000">PLEASE CHECK THE APPROPRIATE REQUEST</font></strong></p>
<hr width="100%" size="4">
<p><strong><font color="#660000"></font></strong></p>
</div></td>
<td width="4">&nbsp;</td>
</tr>
<tr>
<td width="85" height="157">&nbsp;</td>
<td colspan="3" rowspan="2" valign="top">
<label>
<input type="checkbox" name="Surveillance" value="Surveillance">
<font color="#660000">Surveillance</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Special" value="Special">
Special Activity Check</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Background" value="Background">
Background Check</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Claim" value="Claim">
Claim Investigation</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Other" value="Other">
Other services</label>
</font> </p>
</td>
<td width="223">&nbsp;</td>
<td colspan="2" valign="top"></form><form name="form3" method="post" action="">
<label>
<input type="checkbox" name="Workers" value="Workers">
<font color="#660000">Workers Comp Claim Investigation</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Asset" value="Asset">
Asset Check/Financial</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Hospital" value="Hospital">
Hospital Canvas</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Insurance" value="Insurance">
Insurance In Household</label>
</font></p>
</form></td>
</tr>
<tr>
<td height="33">&nbsp;</td>
<td>&nbsp;</td>
<td width="394">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="76">&nbsp;</td>
<td width="62">&nbsp;</td>
<td colspan="2" valign="top"><form name="form2" method="post" action="">
<label>
<input type="checkbox" name="Depositions" value="Depositions">
<font color="#660000">Depositions</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Video" value="Video">
Video Dubbing</label>
</font></p>
</form></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="22" colspan="7" valign="top"><hr width="100%" size="4"></td>
</tr>
<tr>
<td height="13"></td>
<td></td>
<td width="84"></td>
<td width="130"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="1231"></td>
<td></td>
<td></td>
<td colspan="4" valign="top"> <p align="center"><strong><font color="#000000"><font color="#660000">REQUESTER
INFORMATION</font></font></strong></p>
<p align="center"><font color="#660000"><strong>Please fill in the appropriate
information below and press <br>
</strong> <strong>SUBMIT to securely transmit your request:</strong></font></p>
<pre><font color="#660000">
Date: <input name="textfield" type="text" size="60">
Requester Name: <input name="textfield2" type="text" size="60">
Company: <input name="textfield3" type="text" size="60">
Phone: <input name="textfield4" type="text" size="60">
Address: <input name="textfield5" type="text" size="60">
Fax: <input name="textfield6" type="text" size="60">
Claim#: <input name="textfield7" type="text" size="60">
Email: <input name="textfield8" type="text" size="60">
</font></pre>
<font color="#660000">&nbsp; </font>
<div align="center"> <font color="#660000"><strong>FILE IDENTIFICATION &amp;
INSURED</strong></font>
<p></p>
<div align="left">
<pre><font color="#660000">
Last Name: <input name="textfield9" type="text" size="60">
First Name: <input name="textfield10" type="text" size="60">
Middle Initial: <input name="textfield11" type="text" size="60">
Date Of Birth: <input name="textfield12" type="text" size="60">
Address: <input name="textfield13" type="text" size="60">
Home Phone: <input name="textfield14" type="text" size="60">
Social Security: <input name="textfield15" type="text" size="60">
Occupation: <input name="textfield16" type="text" size="60">
Employer: <input name="textfield17" type="text" size="60">
Date Of Loss: <input name="textfield18" type="text" size="60">
Injuries: <input name="textfield19" type="text" size="60">
Type Of Insurance<input name="textfield20" type="text" size="60">
</font></pre>
</div>
<div align="center"></div>
<div align="left">
<div align="center"> <font color="#660000"><strong>ADDITIONAL INFORMATION
IF AVAILABLE </strong> </font>
<div align="left">
<pre><font color="#660000">
Driver License: <input name="textfield21" type="text" size="50">
License Plate: <input name="textfield22" type="text" size="50">
Make and Model: <input name="textfield23" type="text" size="50">
Attorney: <input name="textfield24" type="text" size="50">
Race: <input name="textfield25" type="text" size="15"> Sex: <input name="textfield26" type="text" size="7"> Height: <input name="textfield27" type="text" size="8">
Weight: <input name="textfield28" type="text" size="15"> Hair:<input name="textfield29" type="text" size="7"> Eyes: <input name="textfield30" type="text" size="8">
</font></pre>
</div>
</div>
</div>
</div>
<font color="#660000">
<p>Distinguishing Characteristics:</p>
</font>
<p> <font color="#660000">
<textarea name="Characteristics" cols="70" rows="5"></textarea>
</font></p>
<p><font color="#660000">Other Information:</font></p>
<p> <font color="#660000">
<textarea name="Other" cols="70" rows="7"></textarea>
</font></p>
<p><font color="#660000">
<INPUT type="SUBMIT" NAME="SUBMIT" value="SEND">
<INPUT type="reset" name="reset" value="Reset">
</font></p></td>
</tr>
</form>
</body>
</html>
 
Upvote 0 Downvote
Your form tags don't match. You have at least three different forms on that page, and the reset button doesn't know which for it belongs to.

Is that enough info to continue?

Greg.
 
Upvote 0 Downvote
I've pasted the html below with the extra form tags removed:

<html>
<head>
<title>WEB REQUEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#D8D8D8">
<FORM METHOD="POST" ACTION="<INPUT TYPE="HIDDEN" NAME="RECIPIENT" VALUE="name@earthlink.net">
<INPUT TYPE="HIDDEN" NAME="THANKURL" VALUE="<table width="982" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="80" colspan="6" valign="top"><div align="center">
<p><strong><font color="#660000">PLEASE CHECK THE APPROPRIATE REQUEST</font></strong></p>
<hr width="100%" size="4">
<p><strong><font color="#660000"></font></strong></p>
</div></td>
<td width="4">&nbsp;</td>
</tr>
<tr>
<td width="85" height="157">&nbsp;</td>
<td colspan="3" rowspan="2" valign="top">
<label>
<input type="checkbox" name="Surveillance" value="Surveillance">
<font color="#660000">Surveillance</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Special" value="Special">
Special Activity Check</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Background" value="Background">
Background Check</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Claim" value="Claim">
Claim Investigation</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Other" value="Other">
Other services</label>
</font> </p>
</td>
<td width="223">&nbsp;</td>
<td colspan="2" valign="top"></form><form name="form3" method="post" action="">
<label>
<input type="checkbox" name="Workers" value="Workers">
<font color="#660000">Workers Comp Claim Investigation</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Asset" value="Asset">
Asset Check/Financial</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Hospital" value="Hospital">
Hospital Canvas</label>
</font></p>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Insurance" value="Insurance">
Insurance In Household</label>
</font></p>
</form></td>
</tr>
<tr>
<td height="33">&nbsp;</td>
<td>&nbsp;</td>
<td width="394">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="76">&nbsp;</td>
<td width="62">&nbsp;</td>
<td colspan="2" valign="top"><form name="form2" method="post" action="">
<label>
<input type="checkbox" name="Depositions" value="Depositions">
<font color="#660000">Depositions</font></label>
<p> <font color="#660000">
<label>
<input type="checkbox" name="Video" value="Video">
Video Dubbing</label>
</font></p>
</form></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td height="22" colspan="7" valign="top"><hr width="100%" size="4"></td>
</tr>
<tr>
<td height="13"></td>
<td></td>
<td width="84"></td>
<td width="130"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="1231"></td>
<td></td>
<td></td>
<td colspan="4" valign="top"> <p align="center"><strong><font color="#000000"><font color="#660000">REQUESTER
INFORMATION</font></font></strong></p>
<p align="center"><font color="#660000"><strong>Please fill in the appropriate
information below and press <br>
</strong> <strong>SUBMIT to securely transmit your request:</strong></font></p>
<pre><font color="#660000">
Date: <input name="textfield" type="text" size="60">
Requester Name: <input name="textfield2" type="text" size="60">
Company: <input name="textfield3" type="text" size="60">
Phone: <input name="textfield4" type="text" size="60">
Address: <input name="textfield5" type="text" size="60">
Fax: <input name="textfield6" type="text" size="60">
Claim#: <input name="textfield7" type="text" size="60">
Email: <input name="textfield8" type="text" size="60">
</font></pre>
<font color="#660000">&nbsp; </font>
<div align="center"> <font color="#660000"><strong>FILE IDENTIFICATION &amp;
INSURED</strong></font>
<p></p>
<div align="left">
<pre><font color="#660000">
Last Name: <input name="textfield9" type="text" size="60">
First Name: <input name="textfield10" type="text" size="60">
Middle Initial: <input name="textfield11" type="text" size="60">
Date Of Birth: <input name="textfield12" type="text" size="60">
Address: <input name="textfield13" type="text" size="60">
Home Phone: <input name="textfield14" type="text" size="60">
Social Security: <input name="textfield15" type="text" size="60">
Occupation: <input name="textfield16" type="text" size="60">
Employer: <input name="textfield17" type="text" size="60">
Date Of Loss: <input name="textfield18" type="text" size="60">
Injuries: <input name="textfield19" type="text" size="60">
Type Of Insurance<input name="textfield20" type="text" size="60">
</font></pre>
</div>
<div align="center"></div>
<div align="left">
<div align="center"> <font color="#660000"><strong>ADDITIONAL INFORMATION
IF AVAILABLE </strong> </font>
<div align="left">
<pre><font color="#660000">
Driver License: <input name="textfield21" type="text" size="50">
License Plate: <input name="textfield22" type="text" size="50">
Make and Model: <input name="textfield23" type="text" size="50">
Attorney: <input name="textfield24" type="text" size="50">
Race: <input name="textfield25" type="text" size="15"> Sex: <input name="textfield26" type="text" size="7"> Height: <input name="textfield27" type="text" size="8">
Weight: <input name="textfield28" type="text" size="15"> Hair:<input name="textfield29" type="text" size="7"> Eyes: <input name="textfield30" type="text" size="8">
</font></pre>
</div>
</div>
</div>
</div>
<font color="#660000">
<p>Distinguishing Characteristics:</p>
</font>
<p> <font color="#660000">
<textarea name="Characteristics" cols="70" rows="5"></textarea>
</font></p>
<p><font color="#660000">Other Information:</font></p>
<p> <font color="#660000">
<textarea name="Other" cols="70" rows="7"></textarea>
</font></p>
<p><font color="#660000">
<INPUT type="SUBMIT" NAME="SUBMIT" value="SEND">
<INPUT type="reset" name="reset" value="Reset">
</font></p></td>
</tr>
</form>
</body>
</html>


That should do it. The html editor you used probably automatically created separate form tags. Always one to watch. Was that gentle enough? ;)

ASCII silly question, get a silly ANSI
 
Upvote 0 Downvote
Many many thanks!! This site will be forever bookmarked!

I am going to publish the site today. Hopefully it will go well. If not...at least I know I can find help.

Thanks too for the quick response.



 
Upvote 0 Downvote
Okay. Posted the pages on the site. Looks surprisingly good for the most part, just need to clean it up a little as far as how it looks on other operating systems or browsers.

But.... Still no luck with the submit or reply button. Neither works. Im at a loss at this point. A break away from it is probably all I need to figure it out, but if anyone has any suggestions...I'm open to them as I am fairly stumped at this point. As far as the form problem, if you close the form before starting the next doesnt that allow the reset to know which form it is working for?

Thanks once again.

 
Upvote 0 Downvote
You have three forms one after each other. However, the final form doesn't have an opening tag. Your structure is effectively:
Code: 
<FORM METHOD="POST" ACTION="[URL unfurl="true"]http://www.name.com/cgi-bin/mailto">...[/URL]
...valign="top"></form><form name="form3"...
...       </form></td>...
...valign="top"><form name="form2"...
...       </form></td>...
...      </tr>
</form>

But you should change it so that you have:
Code: 
<FORM METHOD="POST" ACTION="[URL unfurl="true"]http://www.name.com/cgi-bin/mailto">...[/URL]
...valign="top">...
...       </td>...
...valign="top">...
...       </td>...
...      </tr>
</form>

Remove each of the nested opening and closing FORM tags and keep the first opening FORM and last closing FORM tags.

Hope this helps.

Pete.


Web Developer &amp; Aptrix / Lotus Workplace Web Content Management (LWWCM) Specialist
w: e: Pete.Raleigh(at)lclimited.co.uk
 
Upvote 0 Downvote
Up and running! Can't tell you how helpful this site has been. :)
 
Upvote 0 Downvote
Great to hear another issue was solved.

ShirlT FYI: when posting code, it is helpful to use the proper [COLOR=blue yellow]TGML[/color] tag.
 
Upvote 0 Downvote
As in surrounding your code with the proper
[ignore]
Code: 
..... Your code would be displayed here
[/ignore] tags

Which would relult in this:
Code: 
..... Your code would be displayed here
 
Upvote 0 Downvote
I was actually wondering how it was that your code was in the format it was. Thanks for the tip. I'll make note of it in the future. :)
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Rayj0000
  • Locked
  • Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
123
Rayj0000
Rayj0000
berkshirea
  • Locked
  • Question
Radio Button Clicked, Another Radio Becomes Mandatory 1
Replies
2
Views
130
berkshirea
berkshirea
TheLazyPig
  • Locked
  • Question
Disable radio button after edit button click
Replies
1
Views
64
xwb
xwb
dvannoy
  • Locked
  • Question
Enable ASP button
Replies
1
Views
54
feherke
feherke
emmals
  • Locked
  • Question
Auto Click Button and pass through all data
Replies
0
Views
38
emmals
emmals

Part and Inventory Search

Sponsor

Back
Top