Question

我想在我的网页上创建一个名为“加入”的表格。此按钮应该将用户带到另一个页面，例如：http://localhost:3000。但是，我无法在表格中创建一个按钮，该按钮可以在单击时成功将我重定向到所需的页面。

下面是我在我的网站上有两个按钮的代码，该按钮成功运行，它显示了我将按钮合并到表格中的格式。

我的代码：

echo "<table>
   <tr>
   <th>Update</th>
   <th>Delete</th>
   </tr>";
   while(...(...)){
   echo "<form action=findGroup.php method=post>";
   echo "<tr>";
   echo "<td>" ."<input type=submit name=update value='Update" . "'/> </td>";
   echo "<td>" ."<input type=submit name=delete value='Delete" . "'/> </td>";
   echo "</tr>";
   echo "</form>";
  }
  echo "</table>";

Answer 1

尝试使用此代码。我只是用<a href=""></a>标签包裹了按钮。在那里，您可以通过单击按钮将链接放在要导航的位置。我也逃过了引号。

echo "<table>
   <tr>
   <th>Update</th>
   <th>Delete</th>
   </tr>";
   while(){
   echo "<form action=\"findGroup.php\" method=\"post\">";
   echo "<tr>";
   echo "<td>" ."<a href=\"localhost\"><input type=\"submit\" name=\"update\" value=\"Update\" /> </td></a>";
   echo "<td>" ."<a href=\"localhost\"><input type=\"submit\" name=\"delete\" value=\"Delete\" /> </td></a>";
   echo "</tr>";
   echo "</form>";
  }
  echo "</table>";

Answer 2

您可以在两个版本中执行此操作： 1如果您想继续浏览历史记录，可以使用window.location =“url” 2如果您不想继续浏览历史记录，可以使用window.location.replace（“url”）

因此，您的代码可能是这样的。

echo "<table>
   <tr>
   <th>Update</th>
   <th>Delete</th>
   </tr>";
   while(...(...)){
   echo "<form action=findGroup.php method=post>";
   echo "<tr>";
   echo "<td> <input type=submit name=update value='Update' onclick='window.location=\"http://yourupdateURL.com\";'/> </td>";
   echo "<td> <input type=submit name=delete value='Delete' onclick='window.location = \"http://YourDeleteURL.com\" ;'/> </td>";
   echo "</tr>";
   echo "</form>";
  }
  echo "</table>";

OR

echo "<table>
   <tr>
   <th>Update</th>
   <th>Delete</th>
   </tr>";
   while(...(...)){
   echo "<form action=findGroup.php method=post>";
   echo "<tr>";
   echo "<td> <input type=submit name=update value='Update' onclick='window.location.replace(\"http://yourupdateURL.com\");'/> </td>";
   echo "<td> <input type=submit name=delete value='Delete' onclick='window.location.replace(\"http://YourDeleteURL.com\") ;'/> </td>";
   echo "</tr>";
   echo "</form>";
  }
  echo "</table>";

除非您想将数据发送到该页面，否则您根本不需要表单。那你应该考虑一些其他因素。

另一方面，考虑到您刚刚在评论中发布的内容，您可以执行以下操作：

将id属性添加到表单中。
将您的输入类型更改为按钮，否则无论您是否放入onclick属性，它都会提交您的表单。

<script type="text/javascript" language="javascript">

function sendFormToLocation(id,url){
	//Get your form
	var form = document.getElementById(id);
	
	// Do your code stuff, encode your data, submit your form data via ajax, etc
	//...
	
	//Finally go to your desired location
	window.location=url;
}
</script>


<table>
	<tr>
		<th>Update</th>
		<th>Delete</th>
	</tr>
   
	<form action=findGroup.php method=post id="XXX">
		<tr>
			<td> <input type=button name=update value='Update' onclick='sendFormToLocation("XXX", "http://yourupdateURL.com")'/> </td>
			<td> <input type=button name=delete value='Delete' onclick='sendFormToLocation("XXX", "http://YourDeleteURL.com")'/> </td>
		</tr>
	</form>
 </table>

HTML创建一个链接到表中另一个网站的按钮

2 个答案: