选择没有 JS 的提交按钮

Question

我有一个带有三个提交按钮的 HTML 表单。 一个是重新加载页面，另一个是数据库条目，最后一个是一个简单的登录按钮。每个按钮也在一个 div 中。

当我尝试登录时，我通常输入我的用户名和密码，然后按 Enter（我没有跳出文本框）。但不是按“登录”按钮，而是按“重新加载”按钮。

我发现了一些使用 Javascript、JQuery 和 AJAX 的方法，但我不允许使用其中任何一种。我只使用 PHP、CSS 和 HTML。

当我使用回车时，有没有办法选择我想按下的按钮？

编辑：

这是带有三个提交按钮的表单：

<form method="post"action="Sub.php">
<input type="text" id="txt" name="txt" value="text">
<input type="submit" id="refresh" name="refresh" value="Refresh">
<input type="submit" id="update" name="update" value="Update">
<input type="submit" id="login" name="login" value="Login">
<input type="text" id="txt" name="txt" value="text"></form>

这是我发布的文件。

<?php
if(isset($_POST['login']))
{echo "Login has been pressed";}
if(isset($_POST['update']))
{echo "Update has been pressed";}
if(isset($_POST['refresh']))
{echo "Refresh has been pressed";} ?>

如果我浏览第一个文件并在其中一个文本框中按 Enter，我将始终按下值为“刷新”的提交按钮。

Answer 1

将您的提交类型按钮转换为简单按钮类型

$("#textbox_password_id").keyup(function(event){
  if(event.keyCode == 13) {
    $("#form_submit").submit();
  }
});

您可以先放置登录按钮的其他方式，因此无论何时按下它都会先提交点击

Answer 2

与How do I use two submit buttons, and differentiate between which one was used to submit the form? 重复

给每个输入一个名称属性。只有被点击的输入的名称属性会被发送到服务器。

<input type="submit" name="reload" value="Reload"/>
<input type="submit" name="database" value="Database Entry"/>
<input type="submit" name="login" value="Login"/>

<?php
    if (isset($_POST['reload'])) {
        // Reload-button was clicked
    }
    elseif (isset($_POST['database'])) {
        // Database-button was clicked
    }
    elseif (isset($_POST['login'])) {
        // Login-button was clicked
    }
    else {
        // Failure
    }
?>