使用php在html中显示数据库行
我正在尝试使用php以html格式显示数据库行。使用php在html中显示数据库行,php,css,html,mysqli,Php,Css,Html,Mysqli,我正在尝试使用php以html格式显示数据库行。 下面是我的php代码: while($traveller=mysqli_fetch_assoc($records)){ echo "<tbody>"; echo "<tr>"; echo "<td border = 3px solid #555555 padding = 5px 10px >". $traveller['ticket_no'] ." <
下面是我的php代码:
while($traveller=mysqli_fetch_assoc($records)){
echo "<tbody>";
echo "<tr>";
echo "<td border = 3px solid #555555 padding = 5px 10px >". $traveller['ticket_no'] ." </td>";
echo "<td>". $traveller['fname'] ." </td>";
echo "<td>". $traveller['lname'] ." </td>";
echo "<td>". $traveller['flight_name'] ." </td>";
echo "<td>". $traveller['d_name'] ." </td>";
echo "<td>". $traveller['plane_name'] ." </td>";
echo "<td>". $traveller['boarding_time'] ." </td>";
echo "<td>". $traveller['depart_time'] ." </td>";
echo "</tbody>";
echo "</tr>";
}
while($traveler=mysqli\u fetch\u assoc($records)){
回声“;
回声“;
echo.“$Traveler[‘票号’”;
echo“$Traveler['fname']”;
echo“$Traveler['lname']”;
echo“$Traveler['flight_name'”;
echo“$Traveler['d_name']”;
echo“$Traveler['plane_name']”;
echo“$Traveler[‘登机时间’”;
echo“$Traveler[‘出发时间’”;
回声“;
回声“;
}
但它是黑白相间的。我想给它添加一些样式,所以我想把它链接到我的html表之间,但它不起作用,我也不确定问题出在哪里。代码如下:
<td> <?php echo "$traveller['ticket_no']"; ?></td>
您可以在内部使用样式标记
例如:
<td class='myclass'>
<style>
td.myclass
{
text-align:center;
}
td.myclass
{
文本对齐:居中;
}
尝试这样做,因为您缺少样式属性
<?php
while($traveller=mysqli_fetch_assoc($records)){ ?>
<tr>
<td style="background-color: red;"><?php echo $traveller['ticket_no']; ?></td>
<td><?php echo$traveller['fname'];?></td>
<td><?php echo $traveller['lname'];?> </td>
<td><?php echo $traveller['flight_name']; ?></td>
<td><?php echo $traveller['d_name']; ?></td>
<td><?php echo $traveller['plane_name'];?> </td>
<td><?php echo $traveller['boarding_time']; ?></td>
<td><?php echo $traveller['depart_time'];?></td>
</tr>
<?php } ?>
尝试为表格、tr、td标记指定样式,然后只有您可以向表格添加样式
像这样:-
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
</style>
<td><a href=""> <?php echo "$traveller['ticket_no']"; ?></a></td>
echo "<tbody>";
while($traveller=mysqli_fetch_assoc($records)){
echo "<tr>";
echo "<td>". $traveller['ticket_no'] ." </td>";
echo "<td>". $traveller['fname'] ." </td>";
echo "<td>". $traveller['lname'] ." </td>";
echo "<td>". $traveller['flight_name'] ." </td>";
echo "<td>". $traveller['d_name'] ." </td>";
echo "<td>". $traveller['plane_name'] ." </td>";
echo "<td>". $traveller['boarding_time'] ." </td>";
echo "<td>". $traveller['depart_time'] ." </td>";
echo "</tr>";
}
echo "</tbody>";
桌子{
边界塌陷:塌陷;
宽度:100%;
}
th,td{
文本对齐:左对齐;
填充:8px;
}
tr:n子(偶数){背景色:#f2f2}
th{
背景色:#4CAF50;
颜色:白色;
}
然后,当您打印表格时,它将以指定的样式显示,
这里我给diect表格、tr、td标签提供样式
若需要,可以将“类”指定给table、tr或td,并为类指定样式
当您想在表中给出链接时,代码如下:-
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
</style>
<td><a href=""> <?php echo "$traveller['ticket_no']"; ?></a></td>
echo "<tbody>";
while($traveller=mysqli_fetch_assoc($records)){
echo "<tr>";
echo "<td>". $traveller['ticket_no'] ." </td>";
echo "<td>". $traveller['fname'] ." </td>";
echo "<td>". $traveller['lname'] ." </td>";
echo "<td>". $traveller['flight_name'] ." </td>";
echo "<td>". $traveller['d_name'] ." </td>";
echo "<td>". $traveller['plane_name'] ." </td>";
echo "<td>". $traveller['boarding_time'] ." </td>";
echo "<td>". $traveller['depart_time'] ." </td>";
echo "</tr>";
}
echo "</tbody>";
在你写循环的方式中有错误,只需循环tr
不要在循环内包含tbody或任何东西,它应该在循环外,如下所示:-
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #4CAF50;
color: white;
}
</style>
<td><a href=""> <?php echo "$traveller['ticket_no']"; ?></a></td>
echo "<tbody>";
while($traveller=mysqli_fetch_assoc($records)){
echo "<tr>";
echo "<td>". $traveller['ticket_no'] ." </td>";
echo "<td>". $traveller['fname'] ." </td>";
echo "<td>". $traveller['lname'] ." </td>";
echo "<td>". $traveller['flight_name'] ." </td>";
echo "<td>". $traveller['d_name'] ." </td>";
echo "<td>". $traveller['plane_name'] ." </td>";
echo "<td>". $traveller['boarding_time'] ." </td>";
echo "<td>". $traveller['depart_time'] ." </td>";
echo "</tr>";
}
echo "</tbody>";
echo”“;
while($traveler=mysqli\u fetch\u assoc($records)){
回声“;
echo.“$Traveler[‘票号’”;
echo“$Traveler['fname']”;
echo“$Traveler['lname']”;
echo“$Traveler['flight_name'”;
echo“$Traveler['d_name']”;
echo“$Traveler['plane_name']”;
echo“$Traveler[‘登机时间’”;
echo“$Traveler[‘出发时间’”;
回声“;
}
回声“;
您可以在php代码中尝试以下样式:
echo "<tbody>";
while($traveller=mysqli_fetch_assoc($records)){
echo "<tr style='color:white;background-color:green'>";
echo "<td style='border: 3px solid #555555;padding:5px 10px' >". $traveller['ticket_no'] ." </td>";
echo "<td>". $traveller['fname'] ." </td>";
echo "<td>". $traveller['lname'] ." </td>";
echo "<td>". $traveller['flight_name'] ." </td>";
echo "<td>". $traveller['d_name'] ." </td>";
echo "<td>". $traveller['plane_name'] ." </td>";
echo "<td>". $traveller['boarding_time'] ." </td>";
echo "<td>". $traveller['depart_time'] ." </td>";
echo "</tr>";
}
echo "</tbody>";
echo”“;
while($traveler=mysqli\u fetch\u assoc($records)){
回声“;
echo.“$Traveler[‘票号’”;
echo“$Traveler['fname']”;
echo“$Traveler['lname']”;
echo“$Traveler['flight_name'”;
echo“$Traveler['d_name']”;
echo“$Traveler['plane_name']”;
echo“$Traveler[‘登机时间’”;
echo“$Traveler[‘出发时间’”;
回声“;
}
回声“;
或者您可以尝试html代码中的样式:
<?php
while($traveller=mysqli_fetch_assoc($records)){ ?>
<tr>
<td style="border: 3px solid #555555;padding:5px 10px"><?php echo $traveller['ticket_no']; ?></td>
<td><?php echo$traveller['fname'];?></td>
<td><?php echo $traveller['lname'];?> </td>
<td><?php echo $traveller['flight_name']; ?></td>
<td><?php echo $traveller['d_name']; ?></td>
<td><?php echo $traveller['plane_name'];?> </td>
<td><?php echo $traveller['boarding_time']; ?></td>
<td><?php echo $traveller['depart_time'];?></td>
</tr>
与td中的style标记一起使用,如下所示,将您的样式添加到元素中的style=”“属性中。您只需在浏览器无法识别的元素中添加样式。