如何设置PHP表单的样式

时间:2017-05-01 15:37:33

标签: php html css

我想这样做,以便保存数据的表格/表格框更长,这样您就可以阅读内部的所有文本,而无需进入其中。 我尝试过使用CSS但PHP中有没有办法?这是一张目前看起来像是CSS的图片。

<table>    
    <tr>
        <th>Title</th>
        <th>Venue ID</th>
        <th>Category </th>
        <th>Start Date</th>
        <th>End Date</th>
        <th>Price</th>
    </tr>

    <?php
    while($row = mysqli_fetch_array($records))
    {
        echo "<tr><form action=edit.php method=post>";
        echo "<td><input type=text name=title value='".$row['eventTitle'],"'></td>";
        echo "<td><input type=text name=venue value='".$row['venueID'],"'></td>";
        echo "<td><input type=text name=cat value='".$row['catID'],"'></td>";
        echo "<td><input type=text name=start value='".$row['eventStartDate'],"'></td>";
        echo "<td><input type=text name=end Date value='".$row['eventEndDate'],"'></td>";
        echo "<td><input type=text name=price value ='".$row['eventPrice'],"'></td>";
        echo "<input type=hidden name=id value='".$row['eventID']."'>";

        echo "<td><input type=submit value=Edit></td>";
        echo "</form></tr>";
    }

    ?>

</table>

1 个答案:

答案 0 :(得分:1)

您似乎对如何设置由PHP生成的代码进行样式设置感到困惑。 但它实际上与常规HTML完全相同。

PHP是一种服务器端语言。所以它的作用是解决服务器上的代码,然后将结果作为纯HTML发送到浏览器。

HTML和CSS是客户端。因此,服务器无需任何处理即可发送代码,浏览器将确定如何处理它。

但是对于浏览器,从PHP接收的代码实际上与纯HTML相同。

所以回答你的问题&#34;但是在php中是否有一种方法?&#34;,你只需编写CSS代码,就好像你在构建静态HTML一样。在PHP中无法设置样式。

您可以将CSS放在单独的文件中,并使用<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> <script> $(document).ready(function() { var slides = document.querySelectorAll('#slides li'); var slidesTotal = $('#slides li').length; var currentSlide = 1; $('a.nextSlideArrow').click(function() { $('#slides .slide' + currentSlide).hide(); currentSlide++; if(currentSlide > slidesTotal) { currentSlide = 1; } $('#slides .slide' + currentSlide).show(); return false; }); $('a.previousSlideArrow').click(function() { $('#slides .slide' + currentSlide).hide(); currentSlide--; if(currentSlide == 0) { currentSlide = slidesTotal; } $('#slides .slide' + currentSlide).show(); return false; }); }); </script> </head> <body> <div id="slider-container"> <ul id="slides"> <?php for ($i = 1; $i <= $amountImagesSlideshow[3]; $i++) { echo '<li class="slide'.$i.'"><img src="'.$directories[3],$i.'.jpg" /></li>'; } ?> </ul> <div class="galleryPreviewArrows"> <a href="" class="previousSlideArrow">&#10094;</a> <a href="" class="nextSlideArrow">&#10095;</a> </div> </div> </body> </html> 标记链接到该文件,也可以将其放在文档头部的<link>标记中,然后使用{{1} },或者将其作为HTML中的<style>属性。

所以基本上你的答案是使用常规CSS并将其放入其中

class="mycssclass"