html - 如何使此搜索的结果出现在新窗口中

Question

我是使用以下代码的 HTML 新手：

<input id="textbox" type="text" size="25"><a class="button" id="searchlink" href="https://www.google.com/" unselectable="on">Search</a>

我希望能够在文本框中输入结果，按回车键，然后打开一个新选项卡并显示 Google 搜索结果。它是我正在努力解决的“在新标签中打开”。

Answer 1

1) 如果要在新窗口中打开链接，请使用链接标签target=_blank

<a target=_blank title="Google" href="http://www.google.com"> Google </a>

2) 按钮输入标签，如果你想打开一个新窗口使用按钮 na 使用这个onclick = "window.open('main.php');"

<input type="button" value="Google" onclick="window.open('http://www.google.com');" />

Answer 2

1. 要在新窗口中使用锚标记打开网页，您必须将目标属性放在具有值 '_blank' 的元素中。

一个标签 w3schools

2.你把锚放在文本框中，这不是锚的工作方式。你可以做的是使用一些其他元素，如 span 、 div 或其他，并将 contenteditable 属性设置为 true..这允许用户输入并且你的链接也将出现

contenteditable 属性

为了实现你的谷歌搜索功能..你必须编写小javascript来将用户重定向到谷歌搜索页面，用户在文本框中提到的文本..

<script>
document.getElementById('anchortagid').onclick = function(){
   var texttosearch = document.getElementById('textboxid').value;
   document.getElementById('anchortagid').href = "https://www.google.com/#q="+texttosearch
}
</script>

我认为如果你在一些 w3schools 和其他初学者级别的学习网站上学习 javascript/html 会更好。