重定向到用户定义的位置

Question

我正在尝试编写一个表单，用户在该表单中写入一个位置，并在提交后重定向该页面。我怎么能做到这一点？当我还不知道价值时，我有问题找出如何把东西放到action=""。有这个逻辑的东西：

 <form action="how-to-get-this-value">
   <input name="location" type="text">
   <input name="submit" type="submit">
 </form>

我可以使用我想做的任何事情（javascript，css，php ...）。

Answer 1

您不需要<form>来执行此操作。表单更常用于处理数据。相反，您可以使用Javascript。有很多方法可以做到这一点，但如果您想使用<form>，最简单的方法是在用户提交表单时重定向用户，如下所示：

＆＃13;

＆＃13;

function red() {
  var url=document.getElementById('url').value;
  window.location.href=url;
}

＆＃13;

<form id="form">
  <input id="url" type="text">
  <input type="submit" onClick="red(); return false" value="Submit">
</form>

＆＃13;

＆＃13;

＆＃13;

当然，您可能希望添加验证方法，以确保用户到达他们想要的位置（即键入＆＃34; google.com＆＃34;将他们带到＆＃34; {{3 ＆＃34;而不是＆＃34; yourdomain.com/google.com /＆＃34;）。

或者，您只需删除<form>代码，它就会起作用。

＆＃13;

＆＃13;

function red() {
  var url=document.getElementById('url').value;
  window.location.href=url;
}

＆＃13;

  <input id="url" type="text">
  <input type="submit" onClick="red()" value="Submit">

＆＃13;

＆＃13;

＆＃13;

Answer 2

这个问题有很多好的答案。但我建议你做以下事情......

创建一个这样的HTML表单：                     

他们将此提交到php页面。这也可以是同一页面。