javascript - 创建一个链接以跳转到页面的特定部分不起作用
问题描述
我需要帮助,我试图在单击搜索按钮后跳转到搜索结果所在的部分。它有效,但是当我这样做时,值 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>
解决方案
推荐阅读
- weblogic12c - 不支持请求方法类型:ATG 中的 OPTIONS
- java - 骆驼收件人列表没有迭代所有收件人
- performance - 蜂巢分析查询需要很多时间
- angular - Angular 4:使用 angular-user-idle 检测空闲用户
- c++ - glBufferData 失败并显示:“数组对象未激活。”
- c++ - 尝试在 C++ 中反转字符串但返回相同的字符串
- asp.net-core - Serilog 不接受 StaticFiles、Hosting 和 EF Core 的 MinimumLevel
- git - 是否可以让 `git gc` 打包 reflog 对象?
- javascript - 使用 Twilio 发送 SMS - 添加换行符
- rest - 如何在 REST API 中正确使用 HTTP 请求方法?