Changing Form Submit to Redirect

HTML & CSS
1

Is there a way to take this form submit button…


<!-- Submit Form -->
<li>
	<input type="submit" name="addArticle" id="addArticle" value="Add Article"/>
</li>

…and turn it into a “Add Another Record” button that is styled the same way but that re-directs the user back to the same page but my HTML “Add an Article” form?

I’ve done this lots in the past with Image Buttons, but am looking for a different approach using my browser’s built-in buttons (or whatever).

Thanks,

Debbie

2

Little bit of Javascript should do it


<script type="text/javascript" language="javascript">
    function redirect()
    {
        location.href = "http://www.yoursite.com/addanotherrecord";
    }
</script>



<input type="button" value="Add Another Record" onclick="redirect();" />
3

Thanks, but how about without JavaScript?

(What happens when a user’s JS is off?!)

Maybe I just need to go back to my image buttons - which is fine - except that I wanted a button that looks like the “Submit” button the browser already provides.

Debbie

4

I’m not sure I understand your question. Can you give an example of how you do it with image buttons?

5

Like this…


<li>
	<a href="' . WEB_ROOT . 'log_in.php">
		<img src="' . WEB_ROOT . 'buttons/SignIn2.png" alt="Sign In" />
	</a>
</li>

Debbie