Question

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

＆＃13;

<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> 
    	 <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>

＆＃13;

Answer 1

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

<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>

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

表边框问题

1 个答案: