I have a form which updates a MySQL database. This form uses an image to submit the form (code below).
The name of the form is 'UpdateForm'
<input style="padding:0px; margin:0px; margin-top:10px; border:none;" type="image" hspace="0" vspace="0" border="0" name="Update" id="Update" value="Update" alt="Update" src="images/UpdateButton.png" />
I would like to change this to use an <a> tag so I can use css to style. I have done this on other pages but for some reason I cannot get this to work on this page. The other pages are just querying the DB, but this one is updating the DB. I am not sure if that is the issue? The code on other pages is below.
<a name="Update" id="Update" value="Update" class="button submit orange" href="#" onclick="document.forms['UpdateForm'].submit();" >Update Details</a>
Can someone please advise why this form will not update the DB when I change the submit from a <input type="image"> to an <a> that it will not process the form.