HTML 按钮运行未对齐

Question

我的想法很简单，我会有一个搜索框和一个提交按钮。

当用户输入关键字并单击提交按钮时，结果将显示在下方，并带有一个附加按钮。现在我的问题是我不知道如何使按钮位于 table 填充的右下角。

请根据我的情况考虑以下代码：

<input type="text" name="criteriaInput" style="width: 300px;">&nbsp;&nbsp;&nbsp;<input type="submit" name="submit" value="GO" />

    <?php

    if (isset($_POST['submit'])) {
        if(isset($_POST['inquiryMethod'])){
            error_reporting(0);
            $sql = 'SELECT 
                        *
                    FROM 
                        table
                    WHERE
                        fullname REGEXP \''.$_POST['criteriaInput'].'\'' ;
            $server = mysql_connect("localhost","root", "");
            $db =  mysql_select_db("mysql",$server);
            $query = mysql_query($sql);

            echo "<table class=\"striped\">";
            echo    "<tr class=\"header\">";
            echo        "<td>Full Name</td>";
            echo        "<td>ID</td>";
            echo        "<td>ID Type</td>";
            echo        "<td>Issuance Country</td>";
            echo        "<td>Class</td>";
            echo     "</tr>";
                   while ($row = mysql_fetch_array($query)) {
                       echo "<tr>";
                       echo "<td>".$row[fullname]."</td>";
                       echo "<td>".$row[id]."</td>";
                       echo "<td>".$row[id_type]."</td>";
                       echo "<td>".$row[issuance_country]."</td>";
                       echo "<td>{$row['class']}</td>";
                       echo "</tr>";
                   }
            echo "<form method=\"post\" action=\"CIF_InquiryAction.php\">";
            echo "<input type=\"submit\" name=\"create\" value=\"Create\" />";
            echo "</form>";
            echo "</table>";
        }else{
            echo "Please select one of the criteria!";
        }
    }

    ?>

值 "Create" 的提交按钮在数据存在时成功创建，但它与 table 的左上角对齐。请多多指教谢谢

Answer 1

您需要将按钮放入 table 行和单元格中。

 echo "<tr>";
 echo "<td colspan=\"5\">"
 echo "<form method=\"post\" action=\"CIF_InquiryAction.php\">";
 echo "<input type=\"submit\" name=\"create\" value=\"Create\" />";
 echo "</form>";
 echo "</td>"
 echo "</tr>";

此外，您的表单可能应该移到 table 之外。

编辑以显示 table 之外的输入：

 echo "</table>";
 echo "<input type=\"submit\" name=\"create\" value=\"Create\" />";

HTML 按钮运行未对齐

HTML button running out of alignment

html

css

php

alignment

HTML 按钮 运行 未对齐

HTML button running out of alignment

html

css

php

alignment

HTML 按钮运行未对齐