Rick Lancee
Rick Lancee

Reputation: 1659

Is it possible not to jump to the top of the page on form submit?

FIXED, Wrapping the input tag with an anchor tag around it seemed to have worked.

The question could sound a bit confusing, let me elaborate.

I have made a mail form with PHP. This form is all the way at the bottom of the page. When I click send (this is an input tag), if there are errors, it will display them above the form.

But when you click on send the page will first go back to the top and you have to scroll all the way down to see if you have made any errors.

So is it possible to keep the page from jumping back the the start?

Upvotes: 2

Views: 8258

Answers (2)

martynthewolf
martynthewolf

Reputation: 1708

You could have a page anchor on the form and point at that anchor in the form action, something like this should do that for you.

<form  action="someformaction.php#form-anchor" id="form-anchor">
</form>

Now when the form is submitted it should move the page down to where that anchor is.

Upvotes: 6

Fluffeh
Fluffeh

Reputation: 33512

By the sounds of it, you are submitting a normal form which in turn sends the email.

You can possibly put an anchor at the bottom of the page and have the action of the form point to it, so that your user will open up on that part of the page, or you could submit via a ajax instead which will not cause a page reload. Here are a bunch of tutorials you could adapt to your code.

Upvotes: 1

Related Questions