提交操作后自动向下滚动

时间:2014-02-25 21:59:05

标签: php html5 twitter-bootstrap-3 form-submit contact-form

如何在我的网页底部的“联系表格”发送电子邮件后自动向下滚动我的网站? 有关在表单下方成功发送或出现错误的信息以及点击“提交”按钮页面后的信息令人耳目一新,用户只能看到网站的顶部,而不是底部......

3 个答案:

答案 0 :(得分:10)

<form id="form" action="{your_action}#form">
....
</form>

答案 1 :(得分:1)

在峰会发送到

的页面上发布锚标记
 http://foo.com#youranchor

答案 2 :(得分:1)

此开始表单标记中的操作适用于我的网站:

<form action="<?php $location = $_SERVER['PATH_INFO']; 
echo ''.$location.'#form';?>" method="post">

基本上,您正在获取当前网址并将其分配给$location,然后在最后标记为#form的情况下回显该网址。因此浏览器会将此操作读为:

action="currentURL.php#form"

我是这样做的,因为我的表单是在我的网站的每个页面上找到的包含,所以在向下滚动到表单之前需要识别其当前位置的操作。