如何在href（HTML）中使用输入文本

Question

我想做的是输入一个内容，然后在href中引用该输入，我是一个HTML新手，所以我什至不知道这样做是否可行，但类似这样：

<input type="search" id="Searchbar">
<a href = "/user/"+Searchbar><button>Search<button></a>

是否有可能做类似或类似的事情？

Answer 1

必须使用Java语言来补充此操作的一部分。

请注意，标签“输入”是“自动关闭标签”“ /”

<input type="search" id="searchbar" value="type here"/>
<button id="goto">Search</button>

在您的脚本Javascript中添加此：
document.getElementById("goto").addEventListener("click", goTo);

function goTo() {  
  var result = document.getElementById("searchbar").value;  
  window.location.href = '/user/'+result;
}

我的示例：https://codepen.io/dieterich/pen/MWKyLOE