Question

我是HTML脚本的新手，我试图通过参数执行一个链接并执行一些操作类型

对于EX：当我执行下面的代码时，它正在执行而没有任何错误

<!DOCTYPE html>
<html>
<body>

<form action="http://localhost:8080/downloads/1312">
    <input type="submit" value="Enter" />
</form>

</body>

输出：a，b，c

但在上述情况下，我想输入1312作为输入并提交它，以便它可以给我与之前显示的相同的输出。

<!DOCTYPE html>
<html>
<body>

<form action="http://localhost:8080/downloads/">
  <br>
  <input type="text" name=" " value="">
  <br>
    <input type="submit" value="Enter" />
</form>

</body>

当我在提交按钮中输入1312时，我收到了http://localhost:8080/downloads/?+=1312而不是http://localhost:8080/downloads/1312

Answer 1

你想要完成的是有点不同。我建议您阅读https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_URL以更好地了解网址。

据我了解您的问题，您希望1312成为您自己网址的一部分，不查询参数，或者将其作为表单参数包含在请求正文中。如果是这种情况，我认为最简单的方法是使用javascript并将字符串连接在一起。逻辑将是这样的：

 <!DOCTYPE html>
<html>
<body>
<form  onsubmit="myFunction(event);" method="POST">
  <input type="text" name="myResource">
  <input type="submit" value="Submit">
</form>

<script>
function myFunction(event) {
    event.preventDefault();
    const myResourceID = event.target.querySelector("[name=myResource]").value;

    event.target.setAttribute("action", "http://localhost:8080/downloads/" + myResourceID);
    event.target.submit();
}
</script>

</body>
</html>

您可以在此处阅读有关提交活动的信息：https://www.w3schools.com/jsref/event_onsubmit.asp 我认为这会有所帮助。

如何将文本附加到操作类型并在HTML中执行提交操作

1 个答案: