2016-06-26 329 views
-2

如何製作一個空白的5x5表格,邊框樣式爲邊框,使其看起來像一個網格,然後使用php循環填充數字1-25。這是迄今爲止我能夠完成的。使用php echo和css填充Html表格?

HTML:

<table> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table> 

for($i=1; $i<=25; ++$i) { 
     echo $i "<td>"; 
} 

的CSS

table { 
    border-collapse: collapse; 
} 

table, td { 
    border: 1px solid black; 
} 

回答

3
<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
     table { 
      border-collapse: collapse; 
     } 

     table, td { 
      border: 1px solid black; 
     } 
     </style> 
    </head> 
    <body> 
     <table> 
      <tr> 
      <?php 
       for($i=1; $i<=25; ++$i) { 
        echo '<td>' . $i . '</td>'; 
        if($i % 5 == 0 && $i !== 25) { 
         echo '</tr><tr>'; 
        } 
       } 
      ?> 
      </tr> 
     </table> 
    </body> 
</html> 
+0

謝謝你的幫助。 – Jman

+0

mmm有點小錯誤。** $ i = 25 **時會出現什麼情況? – Vixed

+1

@Vixed,你是對的,我已經添加了一個小檢查,以確保它不會插入一個空的'' –

0

運行兩個環路(1行& 1列),

<?php 

    echo "<table border=2>"; 
    $num=0; 
    for($i=0;$i<5;$i++){ 
     echo "<tr>"; 
     for($j=0;$j<5;$j++){ 
      echo "<td>"; 
      echo $num++; 
     } 
     echo "</tr>"; 
    } 
    echo "</table>"; 

?> 

PHP fiddle

0

使用循環我認爲你可以這樣做:

<html> 
    <table> 
    <tr> 
    <?php 
      for($i=0;$i=25;$i++){ 
       echo '<td>'.$i; 
       if ($i==4 OR $i==8) { echo '</tr><tr>'; } 
      } 
    ?> 
    </tr> 
    </table> 
</html>