Question

刚开始使用html，并且需要有关html的问题的帮助。我设法使用html制作了一个youtube搜索栏，单击该链接后，无论用户在其中键入什么内容，都可以将用户链接到youtube页面。

但是，对于作业的另一部分，我需要编写仅使用html和CSS进行相同操作的代码，但结果应在2010-2019年（自定义范围）内。有问题的网站是https://www.worldscientific.com/search/advanced。我尝试过在线搜索类似的案例，但是解决方案要么太复杂（涉及PHP / bootstrap等），要么根本不相关。我觉得解决方案很简单，但是我很困惑。请尝试用简单的术语进行解释（如果可能的话），为了让您更清楚地了解“复杂性”的级别，我留下了youtube搜索条形码的片段

非常感谢

<form id="vb_yt_search-form" action="http://www.youtube.com/results" method="get" target="_blank">
<input id="vb_yt_search-term" name="search_query" type="text" maxlength="128" placeholder="search"/>
<input type="submit" value="Search" />
</form>

Answer 1

这不是您真正要问的，而是正在执行的工作。代码在自定义范围2010-2019之间在google rathen上搜索，而在youtube上搜索。当您按下提交按钮时，href将使用文本框值更新。（我知道您什么时候按提交打开它会打开一个无用的选项卡，但我不介意修复它，只需关闭并尝试按文本即可）

<a id="test" href="https://www.google.com/search?safe=active&tbs=cdr%3A1%2Ccd_min%3A1%2F1%2F2010%2Ccd_max%3A1%2F1%2F2019&ei=5zBDXPf8Dof_swGM4bKADw&q=site%3Ayoutube.com+"> test </a>
<form id="vb_yt_search-form" action="return myFunction()" target="_blank">
<input id="vb_yt_search-term" type="text" maxlength="128"/>
<input type="submit" onclick="myFunction()" />
</form>

<script>
function myFunction(){
var value = document.getElementById('vb_yt_search-term').value;
document.getElementById("test").href="https://www.google.com/search?safe=active&tbs=cdr%3A1%2Ccd_min%3A1%2F1%2F2010%2Ccd_max%3A1%2F1%2F2019&ei=5zBDXPf8Dof_swGM4bKADw&q=site%3Ayoutube.com+"+value;
}
</script>

与html工具栏的高级搜索交互

1 个答案: