如何使用表格来构建表格？

在创建网站时，创建 HTML 表单是一个重要方面。表单是一种与网站用户交互的方法。因此，在网站上实施时，表格必须正确对齐并具有吸引力。简单地向网页添加HTML表单的过程如下。

例子：

HTML



  

    Welcome To GFG
    Default code has been loaded into the Editor.
  
    
        Name
        
        Email
        
        Tel No.
        
        Roll No.

HTML



  

    Welcome To GFG
    Default code has been loaded into the Editor.
  
    
        
            
                
                
            
            
                
                
            
            
                
                
            
            
                
                
            
        
    

                    
                        Name
                    
                 
                

                        Email
                    
                 
                

                        Tel No.
                    
                 
                

                        Roll No.

输出：使用此代码，我们只是在页面正文中创建了一个表单。在输出中，可以看到表单字段和标签都在一行中，这看起来不太好。即使我们使用
标签将它们分成不同的行，它仍然不会正确对齐。

使用 HTML 表格构建表单：我们可以借助 HTML 表格来构建表单。

标签不仅有助于创建所需的表格，还可以用于构建我们的内容，例如表单。以下步骤展示了如何使用 HTML 表格来构建表单。

使用

元素创建一个 HTML 表格。

现在在此表中添加元素。

接下来，我们将创建表单字段。

我们使用用于向表格添加行的

元素将所需的表单字段添加到表单中。

我们使用

元素为单独的列添加标签和字段。

我们可以根据需要在表单中添加任意数量的字段。

HTML



  

    Welcome To GFG
    Default code has been loaded into the Editor.
  
    
        
            
                
                
            
            
                
                
            
            
                
                
            
            
                
                
            
        
    
                    
                        Name
                    
                 
                

                        Email
                    
                 
                

                        Tel No.
                    
                 
                

                        Roll No.

输出：正如在输出中看到的那样，表单字段被适当地添加到新行中，并且在 HTML 表格的帮助下也正确对齐。还可以看出，所有输入字段的宽度和长度都相同。因此，使用 CSS 来对齐表单字段是没有用的。