Reputation: 25
Is it possible to do this without using any CSS or Javascript functions? Here is the code:
<table align="center"> <tr> <td>
<form>
<a style="font-size:14px"> <b>Input1:</b> </a> <input type="text" size="51"> <br> <br>
<a style="font-size:14px"> <b>Select1:</b> </a> <br> <br>
<input type="radio" name="qwe" value="qwer">Choice1<br>
<input type="radio" name="qwe" value="qwer">Choice2<br> <br>
</form>
<form>
<a style="font-size:14px"> <b>Select2:</b> </a> <br> <br>
<input type="radio" name="qwe" value="qwer">Choice1<br>
<input type="radio" name="qwe" value="qwer">Choice2<br> <br>
<a style="font-size:14px"> <b>Input2: </b> </a> <input type="text" size="38"> <br><br>
<a style="font-size:14px"> <b>Input3: </b> </a> <input type="text" size="31"> <br><br>
<input type="reset" style="background-color:#666; border:4; border-color:#000; color:#FFF" value="Delete" >
</form>
</td> </tr> </table>
As you can see, there are 2 independent forms but when I hit "Delete" button it resets only the last form. So, I need your help. Regards.
Upvotes: 0
Views: 93
Reputation: 190897
You have to have at least one input type="reset"
per form if you don't want JS to be involved.
Upvotes: 2