简单的动态表格

1.png

这是我们最终的成果！
现在我们一步一步来进行！
1、上面三个输入框，我们可以用input标签来创建，但是里面的type为text,而最后的保存键我们也能用input创建，只是把他的type改为button

            序号:
            

            

            姓名:
            

            

            电话:
            

            

            

2、列表我们用table创建，tr表示行，td表示每行中的格子。接下来我们先做出一个雏形。

                

                    
序号
                    
姓名
                    
电话
                    
操作
                
                
            

3、至于显示的样式你自己可以通过css来进行设置。
4、最后呢，我们通过jQuery来进行列表的动态创建，并且对其添加元素，实现一些基础操作。

我这里面是先用jQuery创建 tr，再通过for循环创建 td，然后将上面手动输入的内容对应填入表格。
这里面我添加的操作是删除，可以对应删除相应行的内容。