创建链接以跳转到页面的特定部分不起作用

Question

我需要帮助，我想跳到单击搜索按钮之后从搜索中搜索结果的部分。它可以工作，但是当我这样做时，值SZUKAJ消失了，只显示了一个没有文本的框。有什么建议吗？

   <section class="page-section clearfix">
      <div class="container">
        <div class="intro">
          <img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="img/search.png" alt="">
          <div class="intro-text left-0 text-center bg-faded p-5 rounded">
            <h2 class="section-heading mb-4">
              <span class="section-heading-upper">Wyszukiwarka</span>
            </h2>
              <form action="#">
                     <p><input type="text" id="search" placeholder="Podaj nazwę kanału" autocomplete="off" class="form-control" /></p>
                     <div class="intro-button mx-auto">
                   <a href="#wynikszuk" input type="submit" class="btn btn-primary btn-xl" value="SZUKAJ!"/> </a>
                     </div>
                 </form>
          </div>
        </div>
      </div>
    </section>
    <section id="wynikszuk" class="page-section cta">
      <div class="container">
        <div class="row">
          <div class="col-xl-9 mx-auto">
            <div class="cta-inner text-center rounded">
              <h2 class="section-heading mb-4">
                <span class="section-heading-lower">Wyniki Wyszukiwania</span>
              </h2>
              <table class="table table-striped table-bordered" style="width:100%" id="results">
                <tr>
                  <th>Miniaturka</th>
                  <th>Tytuł</th>
                  <th>Wyświetlenia</th>
                  <th>Liczba filmów</th>
                  <th>Subskrybenci</th>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
    </section>