多页表单未加载到屏幕顶部

发布于 2024-12-08 20:23:16 字数 354 浏览 0 评论 0原文

我为一个网站创建了一个多页注册表。由于页面长度差异，当用户单击每个页面时，他们在步骤之间按比例出现在同一页面中。这可能导致用户必须向上滚动才能看到表单步骤。我希望这是有道理的，但我的主要问题是如何更改脚本，以便它在每个时间间隔重新加载到页面顶部？

以下是下一页导航的当前代码：

<button style='float:right;' class='next-tab mover' type='submit' rel='\" + next + \"'>Next</button>\

这是取自 php 脚本的代码。我尝试过一些明显的测试，例如使用#top，但我无法让它工作。有什么想法吗？

原文

I have created a multi-page registration form for a website. Due to the page length differences when a user clicks through each page they wind up proportionally in the same page between the steps. This can leave the user having to scroll up to see the form steps. I hope that made sense, but my main question is how do I change the script so that it will reload to the top of the page at every interval?

Here is the current bit of code for the next page navigation:

<button style='float:right;' class='next-tab mover' type='submit' rel='\" + next + \"'>Next</button>\

This was taken from a php script. I have tried some obvious tests like using #top, but I could not get it to work. Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

哭了丶谁疼 2024-12-15 20:23:16

向第一个 div 添加宽度和高度很有帮助。我还将第二个 div 设为第一个 div 的绝对值：

<form id="form1" >
<div id="divHeader"     style="position:absolute;left:20px;top:20px;width:800px;height:600px;" >
Form Steps: <br />
<ul>
<li>Step1:  ....</li>
<li>Step2:  ....</li>
<li>Step3:  ....</li>
<li>Step4:  ....</li>
</ul>
</div>
<div id="divUserInput" style="width:100%;position:absolute;left:20px;top:140px;" >
<!--Form content here....-->
<table border="0">
<tr><td>Question 1</td><td><input type="text" id="txtQ1" /></td></tr>
<tr><td>Question 2</td><td><input type="text" id="txtQ2" /></td></tr>
<tr><td>Question 3</td><td><input type="text" id="txtQ3" /></td></tr>

</table>
</div>

Added width and height to the first div helped out. i also made the second div absolute to the first div:

<form id="form1" >
<div id="divHeader"     style="position:absolute;left:20px;top:20px;width:800px;height:600px;" >
Form Steps: <br />
<ul>
<li>Step1:  ....</li>
<li>Step2:  ....</li>
<li>Step3:  ....</li>
<li>Step4:  ....</li>
</ul>
</div>
<div id="divUserInput" style="width:100%;position:absolute;left:20px;top:140px;" >
<!--Form content here....-->
<table border="0">
<tr><td>Question 1</td><td><input type="text" id="txtQ1" /></td></tr>
<tr><td>Question 2</td><td><input type="text" id="txtQ2" /></td></tr>
<tr><td>Question 3</td><td><input type="text" id="txtQ3" /></td></tr>

</table>
</div>

回复收藏 0 原文

~没有更多了~