【问题标题】:Buttons in a html table not aligned [closed]html表格中的按钮未对齐[关闭]
【发布时间】:2018-08-29 17:09:09
【问题描述】:

我创建了一个搜索框,允许您使用 PHP 在 MySQL 数据库中进行搜索。 搜索结果显示在一个表格中(或多个表格,如果有更多的记录行进关键字)。

在最后两列中,有两个按钮可以将一些参数更改为数据库中的记录。 但是,右侧按钮(<td> 标记之间)似乎与相对标题对齐不佳。

我附上截图和代码。

echo '<table style="width:100%" border="1">';
    echo '<tr>';

    echo '<th><p>Last Name:</p><th>';
    echo '<th><p>Student ID:</p><th>';

    echo '<th><p>Sell:</p><th>';
    echo '<th><p>Return Item:</p><th>';

    echo '</tr>';

    echo '<tr>';

    echo '<td>'.$results['lastname'].'<td>';
    echo '<td>'.$results['studentid'].'<td>';

            echo '<td><form action="BOOKS_changestatus.php" method="GET"><input type="submit" value="Sell"></td>';
            echo '<td><form action="BOOKS_changestatus.php" method="GET"><input type="submit" value="Return"></td>';





    echo '</tr>';
    echo '<br>';

【问题讨论】:

  • 您没有关闭表单。您没有关闭任何标签。它们像&lt;/td&gt; 一样关闭。
  • 关闭表单,删除&lt;br&gt;,添加&lt;/table&gt;
  • 在你完成了以上这些之后,也许再去学习一下 HTML 标记的基础知识 :-)。另一件小事,表格中的“边框”属性在 HTML5 中已弃用,您应该改用 CSS 样式。见developer.mozilla.org/en-US/docs/Web/HTML/Element/table
  • 您可以使用超链接而不是您的表单,以使其更简单,因为它们无论如何都在使用 GET 请求。您可以随时更改样式以使它们看起来像按钮。
  • 不管错位的原因是什么,我怀疑mysql与它有很大关系!

标签: php html-table


【解决方案1】:

您有两个打开的表单和一个表,所有这些都没有关闭。

另外你为什么使用不同的表单发送到同一个 PHP 文件?我认为一种形式就足够了:

<?php

echo '<table style="width:100%" border="1">';
echo '<tr>';

echo '<th><p>Last Name:</p><th>';
echo '<th><p>Student ID:</p><th>';

echo '<th><p>Sell:</p><th>';
echo '<th><p>Return Item:</p><th>';

echo '</tr>';

echo '<tr>';

echo '<td>'.$results['lastname'].'<td>';
echo '<td>'.$results['studentid'].'<td>';

echo '<td><form action="BOOKS_changestatus.php" method="GET"><input type="submit" value="Sell"></form></td>';
echo '<td><form action="BOOKS_changestatus.php" method="GET"><input type="submit" value="Return"></form></td>';

echo '</tr>';
echo '</table>';

【讨论】:

  • 您的&lt;/form&gt;s 应该在&lt;td&gt;&lt;/td&gt;
  • 可能有两种形式,因为它们有不同的目的并提交不同的值——你可以在代码中看到。尽管由于它们都使用 GET,因此超链接可以更简单地完成相同的工作。
  • @kerbholz 你是对的,它是编辑。
  • 不,这仍然不对,&lt;/form&gt; 标签(它们都是!)需要在 &lt;form&gt; 所在的同一个 td 内。你所做的是a)无效,b)还会通过在不应该有的地方创建一个额外的单元格来进一步搞砸布局。
  • 已编辑,但错误 ;) 它们应该放在 &lt;input type="submit"s 之后和 &lt;/td&gt; 之前。
猜你喜欢
  • 1970-01-01
  • 2021-02-28
  • 1970-01-01
  • 2013-12-24
  • 1970-01-01
  • 2023-01-16
  • 1970-01-01
  • 2014-10-13
  • 2014-07-19
相关资源
最近更新 更多