Question

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.

Answer 1

You have to have at least one input type="reset" per form if you don’t want JS to be involved.