没有表单的提交按钮

Question

所以我想要的是一个按钮，当单击该按钮时，通过 GET 请求将文章 id 发送到 php 页面，然后 PHP 页面生成我的文章的 PDF 摘要。

现在，如果我有一个表单标签，那么这件事就相当简单了，但我没有，也不可能有一个，因为我的按钮位于表格中，而且据我所知，表格不能存在于表格中。我仍然尝试使用表单标签，但它破坏了我的网站，所以这不是一个选择。

以下是我所拥有的：

echo "<td><button type=\"submit\" formaction=\"wp-content/themes/csed/data-entry/results.php\" formmethod=\"get\"class=\"button\" name=\"id\" value=\"" .$single->idArticle. "\" formtarget=\"_blank\">PDF</button></td>";

正如您所看到的，我尝试使用 formaction 属性来完成这项工作，但现在，我的按钮没有执行任何操作。任何事情都可以。我究竟做错了什么？我想要实现的目标有可能吗？

Answer 1

如果您无法将按钮放入表单元素中，您可以通过表单 ID 将其关联到一个按钮：

<form id="myform"></form>

...

<button form="myform" ... >

因此该<form>元素可以位于超文本文档中的任何其他位置，无论是在按钮之前还是之后。该按钮不能是该表单的后代。

我很快从 MDN 文档中编译了这个基本示例，这些文档甚至有不同语言版本（尽管我作为非英语母语者通常更喜欢英语变体）：

• <button>：按钮元素 (MDN)