提交按钮将我带到页面顶部

Question

首先我想对我糟糕的英语说声抱歉。

我想说的是，在创建这个主题之前，我已经检查了这里的其他主题并尝试了那里提供的解决方案，但对我来说没有用。

所以，我在页面底部有一个表单，用于验证表单字段中插入的域是否可用。

所以 HTML 代码是这样的：

<div class="row footer-newsletter justify-content-center">
      <div class="col-lg-6">
        <form action="#rezultat" method="GET" id="rezultat">
          <input type="text" name="domain" style="border: 0;padding: 4px 8px;width: calc(100% - 100px);" placeholder="Exemplu: numedorit.ro sau numedorit.eu" required><input type="submit" value="Verifica">
        </form>
      </div>
    </div>

表单的动作没有任何.php文件，因为php代码与上面的HTML在同一个文件中，代码是：

<?php
          error_reporting(0);
          if(isset($_GET['domain'])){
            $domain = $_GET['domain'];
            if ( gethostbyname($domain) != $domain ) {
                echo '<center><strong><font color="red">Denumirea selectata nu este disponibila..</font></strong></center>';
            }
            else {
                echo '<center><strong><font color="green">Denumirea selectata este disponibila..</font></strong></center>';
            }
          }
        ?>

当我按下提交按钮时出现问题，因为它将我发送到页面顶部，而不是将我发送到“#rezultat”锚我该如何计划。

我使用了那个锚，因为这是我在这里阅读某个主题的方式，但它不起作用。 我注意到的是，在我按下提交按钮并将我发送到页面顶部后，我在地址栏上看到：

http://********.ro/?domain=domain1234asd.com#rezultat

其中 domain1234asd.com 是我刚刚检查的域名是否可用。 事实是，无论域是否可用，我的 php 代码都会正确返回，并且它会返回正确的 html 代码和结果。

提前感谢您的回复。

编辑： @brombeer 刚刚给了我一个很好的答案，'action="#rezultat"' 并没有将我发送到锚点#rezultat，因为该锚点是页面上的最后一个元素，非常向下。 （IDK WHY ????? 他的评论已经不存在了，即使它是唯一正确的???????? omg..）

出于测试目的，我只是在页面中间的某处设置了一个新的锚点，效果很好。 所以新的问题是如果这个元素是我页面上的最后一个元素，我如何设置'action="#rezultat"'以将我发送到ID'rezultat' ??......

Answer 1

URL 中的哈希字符用于导航项，其 id 值等于哈希，称为 URI 碎片。在您的情况下 rezultat 当浏览器在 url 中看到 #rezultat 时，它会尝试查找具有 id="rezultat" 的元素，如果没有具有该 id 的元素，浏览器会将您发送到页面顶部。所以不要使用#rezultat，而是像这样使用它 http://********.ro/domain=domain1234asd.com&hash=rezultat

Answer 2

看看这一行，

     <form action="#rezultat" method="GET" id="rezultat">

您正在将数据发送到页面引用。这就是您无法提交数据的原因。您必须将此操作指向输入您的 php 获取数据的链接。

这里发生了什么？

• 当您单击提交时，它会将您带到页面中写入/指定 id 的部分。