1. 前端页面index.php

<form action="test.php" method="post"><b>输入行列生成表格</b><br><br>输入行：<input type="text" name="cols"><br><br>输入列：<input type="text" name="rows"><br><br><input type="submit" value="生成表格">&nbsp;<input type="reset" value="重置行列">
</form>

2. 逻辑

<?php
if(!empty($_POST['cols'])){                // 判断用户输入不为空echo"<b>用户动态输出表格行".$_POST['cols'].",列".$_POST['rows']."</b></>";$color="";                                 // 隔行变色颜色变量echo "<table border='1' width='200px' height='200px' align='center'
cellspacing='0'>";for($i = 0 ; $i < $_POST['cols'] ; $i++){ // 行循环的条件范围判断设置为变量if($i%2==0){                           // 通过奇、偶行来进行判断$color="red";                          // 偶数行为红色}else{$color="blue";                         // 奇数行为蓝色}echo "<tr bgcolor='".$color."'>";          // 使用颜色变量for($j = 0 ;$j < $_POST['rows'] ; $j++){// 单元格循环的条件范围判断设置为变量echo "<td>".$j."</td>";}echo "</tr>";}echo"</table>";
}
?>

php 动态创建表格相关推荐

FineUIMvc随笔（1）动态创建表格列
声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. <FineUIMvc随笔>目录 FineUIMvc随笔(1)动态创建表格列 FineUIMvc随笔(2)怎样在控件中 ...
动态创建表格给同一个标签创建点击事件并让点击事件操作内容不一样
动态创建表格给同一个标签创建点击事件,每个点击事件操作的元素不一样. 现在有这样的需求,点击"查看详细"显示或隐藏标签.要实现这样的效果就要给点击标签添加两个属性,一个属性是nam ...
javascript动态创建表格：新增、删除行和列
利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1. ...
在iView中动态创建表格
最近在使用iView中的表格组件时,碰到许多坑和疑惑,仔细研究了一下table组件,发现官方文档讲的不是很清楚,本文将介绍并使用table组件,做一个动态创建表格的demo,效果如下图. 一.在col ...
javascript 动态创建表格：新增、删除行和单元格
2019独角兽企业重金招聘Python工程师标准>>> 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多 ...
JavaScript学习（二十二）—动态创建表格
JavaScript学习(二十二)-动态创建表格效果如下: 代码如下: <!DOCTYPE html> <html lang="en"><head& ...
利用javascript动态创建表格
//说明:实现功能.原理上文相同.不过这次是利用已有的简单的方法创建行和列,并实现内容行鼠标移入变色功能! 效果图: /*两个方法 1. trNode table.insertRow(-1) ...
在页面上根据数据，动态创建表格
在页面上根据数据,动态创建表格 var arr = [ { name: 'Jack', age: 18, gender: '男' },{ name: 'Rose', age: 20, gender: ...
js动态创建表格以及赋值
1.使用js动态创建表格 (1)不可编辑的表格 function creatTableA() {var tbody = document.querySelector('#tableA');for (v ...
在 JavaScript 中动态创建表格、按钮和 DIV
使用 document.createElement() 方法,您可以在 JavaScript 中动态创建指定的 HTML 元素.创建后,您可以将元素插入(或添加)到您的网页,或将其添加到预定义元素或动 ...

php 动态创建表格

1. 前端页面index.php

2. 逻辑

php 动态创建表格相关推荐

最新文章

热门文章