1

我想创建一个表单，当它提交时打开一个带有变量的链接，该变量是表单文本字段的输入。

这是一个例子：

<form onsubmit=<a href="http://www.link.xx?123&456&input=$UserInput target"_blank">
<p><input type="text" name="name" value="UserInput"/></p>
<p><input type="submit" value="Verbinden" /></p>

我不需要解决方案来让这个确切的例子工作。我想要的是：

用户在表单中放入一些东西并按下提交按钮。按下提交按钮后，浏览器会打开我提供的链接，其中输入作为链接的一部分。

在现实生活中，这意味着我想使用带有用户在表单中提供的用户名的 Teamspeak 加入链接。

这是最后必须用用户名修改的链接

ts3server://serverip?port=11&password=123&nickname=!Input from the Form!

我希望有比我目前使用的方式更好的方式：

form.html =

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
</head>
<body>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="200" id="LayoutBereich5" style="background-attachment: fixed; border: 1px solid rgb(179,0,180); margin: 1px; height: 50px;" >
<tr align="center" valign="top">
<td>

<form action="startts3.php" method="post">
<p>Namen bitte anpassen:
<p><input type="text" name="name" value="InGameName|RealName"/></p>
<p><input type="submit" value="Verbinden" /></p>

</td>
</tr>
</table>
</center>
</body>
</html>

startts3.php =

<?php
$name = $_POST["name"];
header("Location: ts3server://serverip?port=11password=123&nickname=$name"); 
exit;
?>
4

3 回答 3

1

你可以试试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <p><input type="text" name="name" value="UserInput"/></p>
  <p><input type="submit" value="Verbinden" /></p>
</form>
<script>
  $("form").submit(function(event) {
    event.preventDefault();
    window.location.href = "ts3server://serverip?port=11&password=123&nickname=" + $("input[name=name]").val();
  });
</script>

它实际上并不提交表单：JavaScript 接管并自行打开它。

编辑根据要求，我在 HTML 旁边包含了 JS 以显示如何使用它。

于 2016-06-30T23:29:49.917 回答
0

如果我说得对，我会做类似的事情：

<form action="http://www.link.xx?123&456" method="GET" target"_blank">
    <p><input type="text" name="name" value="UserInput"/></p>
    <p><input type="submit" value="Verbinden" /></p>
</form>
于 2016-06-30T23:39:17.533 回答
0

您可以对此使用 GET 表单方法（如果您的端口和传递都可以放在 html 中）您应该做的是将需要发送的参数放在隐藏输入中并设置 action = your target：ts3server://serverip

所以：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
</head>
<body>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="200" id="LayoutBereich5" style="background-attachment: fixed; border: 1px solid rgb(179,0,180); margin: 1px; height: 50px;" >
<tr align="center" valign="top">
<td>

<form action="ts3server://serverip" method="get">
    <input type="hidden" name="port" value="11" />
    <input type="hidden" name="password" value="123" />
<p>Namen bitte anpassen:

<p><input type="text" name="nickname" value="InGameName|RealName"/></p>
<p><input type="submit" value="Verbinden" /></p>
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
于 2016-06-30T23:41:51.273 回答