html - 如何制作一个传递参数的html按钮?

标签 html forms button hyperlink parameter-passing

我想要一个带有参数功能的 html 按钮。

new/?sorting=desc是它应该链接到的 url。但是当我尝试时,参数没有传递。应该怎么做?我尝试了以下两种方法,但均无效。

<FORM METHOD="GET" ACTION="./?sorting=desc">
<INPUT TYPE="submit" VALUE="Äldst först">
</FORM>

我想要像这些链接一样的按钮:

<a href="./?sorting=desc">Äldst först</a> <a href="./?sorting=asc">Nyast först</a>

最佳答案

如果你想让某个东西充当链接,那么你应该使用链接。

也就是说:

当您提交 GET 表单时,查询字符串将从操作中删除,并根据表单中的数据生成一个新字符串。

您需要将数据存储在隐藏的输入中。

<form action="/social/tracking/new/">
     <input type="hidden"
            name="sorting"
            value="desc">
     <input type="submit" 
            value="Nyast först">
</form>
<form action="/social/tracking/new/">
     <input type="hidden"
            name="sorting"
            value="asc">
     <input type="submit" 
            value="Sort the other way">
</form>

关于html - 如何制作一个传递参数的html按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30051961/

相关文章:

javascript - 在一个表单字段中获取多个用户输入

javascript - 通过 jquery 为 Opera 实现占位符 =""

button - 按下时带有渐变的 Flutter 按钮,因为它的突出显示颜色

JavaFX从另一个线程访问gui按钮操作

html - HTML 中带有主机的无协议(protocol)绝对 URI?

html - 如何将 Bootstrap bg-x(例如 bg-danger)类添加到输入文本框?

php - 遍历 $_POST

java - 监听器和符号错误问题

javascript - 单击按钮以 Angular 4 滚动 div

javascript - 在html head中解析外部资源