在网页中动态地给表格添加一行内容--HTML+CSS+JavaScript

需求描述：

   用户在页面上点击按钮,可以把文本框中的数据在表格的新的一行中显示，具体表现如下图：

  如果如果输入框内容有一项为空，弹出对话框‘请将数据填入完全

              

步骤：

  1.按钮注册单击事件

  2.获取并判断文本框的内容

  4.创建行并添加到tbody中

  5.创建列，并设置内容

  6.把列添加到行中

代码：

 1 
 2 
 3 
 4     
 5     
 6     
44 
45 
46 

47     for="">请输入姓名：
48     

49     for="">请输入邮箱：
50     

51     添加

52     53545556575859606162

         

         

             
姓名
             
邮箱
         
         
         

             
         
     
63 
64 
65 
91 
92 
93 

效果：

现在输入：name: 小明 　　--> 点击添加按钮添加