首页实现分页功能（20分）要求：首页不显示上一页，尾页不显示下一页；点击数字能够跳转：输入页码点击 go 可以跳转；的HTML代码

实现分页功能（20分）要求：首页不显示上一页，尾页不显示下一页；点击数字能够跳转：输入页码点击 go 可以跳转；的HTML代码

时间: 2024-04-16 17:29:30 浏览: 112

以下是一个简单的 HTML 代码示例，实现了分页功能的要求： ```html <!DOCTYPE html> <html> <head> <title>分页功能示例</title> <style> .pagination { display: inline-block; } .pagination a { color: black; float: left; padding: 8px 16px; text-decoration: none; border: 1px solid #ddd; margin: 0 4px; } .pagination a.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50; } .pagination a.disabled { pointer-events: none; opacity: 0.6; } </style> </head> <body> <div class="pagination"> <?php // 分页相关代码 $totalPages = ceil($totalRecords / $perPage); // 计算总页数 $currentPage = isset($_GET['page']) ? $_GET['page'] : 1; // 获取当前页码 // 显示上一页 if ($currentPage > 1) { echo '<a href="?page=' . ($currentPage - 1) . '">上一页</a>'; } else { echo '<a class="disabled">上一页</a>'; } // 显示页码 for ($i = 1; $i <= $totalPages; $i++) { if ($i == $currentPage) { echo '<a class="active">' . $i . '</a>'; } else { echo '<a href="?page=' . $i . '">' . $i . '</a>'; } } // 显示下一页 if ($currentPage < $totalPages) { echo '<a href="?page=' . ($currentPage + 1) . '">下一页</a>'; } else { echo '<a class="disabled">下一页</a>'; } ?> </div> <form action="" method="get"> <input type="text" name="page" placeholder="输入页码"> <input type="submit" value="Go"> </form> </body> </html> ``` 请注意，以上代码只是一个示例，您可能需要根据具体的需求进行一些修改和调整。希望对您有帮助！如果有任何问题，请随时提问。

阅读全文