表格边框问题

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

<html> 
 
<head> 
 
<title>classroom</title> 
 
</head> 
 
<form action="retrieve1.php" method="GET"> 
 
    <select name="Grade"> 
 
     <option value="" selected="selected">Choose Grade</option> 
 
     <?php grade($db) ?> 
 
    </select> 
 

 
    <select name="School"> 
 
     <option value="" selected="selected">Choose School</option> 
 
     <?php school($db) ?> 
 
    </select> 
 

 
    <select name="Team"> 
 
    <option value="" selected="selected">Choose Team</option> 
 
    <?php team($db) ?> 
 
    </select> 
 

 
    <select name="Students"> 
 
     <option value="" selected="selected">Choose Students</option> 
 
     <?php students($db) ?> 
 
    </select> 
 

 
    
 
    <input type="submit" style="width:100px" value="Find" /> 
 
</form> 
 

 
<TABLE BORDER="30" CELLPADDING="10" CELLSPACING="3" BORDERCOLOR="#707070"> 
 

 

 
    <tr> 
 
    \t <th width="197"> <div align="center">FirstName </div></th> 
 
     <th width="197"> <div align="center">LastName </div></th> 
 
     <th width="198"> <div align="center">Email </div></th> 
 
     <th width="197"> <div align="center">City </div></th> 
 
     <th width="197"> <div align="center">State </div></th> 
 
     <th width="197"> <div align="center">Country </div></th> 
 
      
 
     
 
     
 
    </tr>

来源

2016-04-02 jon

一个解决办法是禁用的占位符，并要求所有的选项，然后才能进行搜索。

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

你可以试着将所有过滤器具有disabled selected选项，但没有一个required值，这样

<select name="Students"> 
     <option value="" disabled selected>Choose Students</option> 
     <?php students($db) ?> 
    </select>

如果你正在寻找这样的事情我不知道，但我认为你应该提供更多的代码，因为现在它只是一个简单的表单，它为我们提供了一些选择输入和一个简单的按钮。我知道一个事实，如果你需要所有的过滤器，第一个选项就可以工作，因为你必须在每个过滤器上选择一个选项，然后才能进行搜索。第二个选项我不知道，因为我没有全部的代码。

来源

2016-04-02 08:50:34 Gijsberts

这解决了我的问题，谢谢 – jon

表格边框问题

回答

相关问题