Html 表边界问题

我创建了4个搜索过滤器来显示搜索结果，并为表创建了边框。但当我点击一个过滤器，打开3个额外的空行，或者当我使用2个过滤器，打开2个额外的空行时，我遇到了问题。我如何避免这种情况？下面是我的HTML代码-

教室
选择等级
选择学校
选择团队
选择学生
名字
姓氏
电子邮件
城市
陈述
国家

一个解决方案是禁用占位符，并要求在搜索之前使用所有选项

<select name="Grade" required>
    <option value="" disabled selected>Choose Grade</option>
    <?php grade($db) ?>
</select>

---

我不知道您是否正在寻找类似的东西，但我认为您应该提供更多的代码，因为现在它只是一个简单的表单，带有一些选择输入和一个简单的按钮。我知道，如果你需要所有的过滤器，第一个选项会起作用，因为你必须在每个过滤器上选择一个选项，然后才能进行搜索。第二个选项我不知道，因为我没有您的全部代码。

解决方案是禁用占位符并要求所有选项，然后才能搜索

<select name="Grade" required>
    <option value="" disabled selected>Choose Grade</option>
    <?php grade($db) ?>
</select>

我不知道您是否正在寻找类似的东西，但我认为您应该提供更多的代码，因为现在它只是一个简单的表单，带有一些选择输入和一个简单的按钮。我知道，如果你需要所有的过滤器，第一个选项会起作用，因为你必须在每个过滤器上选择一个选项，然后才能进行搜索。第二个选择我不知道，因为我没有你所有的代码