如何实现<fieldset>不使用也一样的效果<fieldset>标签 ？

表单用于使所有用户和客户更容易理解的组，因为相关的数据字段更容易识别。它还可以让用户更容易地将注意力集中在更小、更明确的群体上，将他们作为一个个体逐一理解，而不是试图一次性掌握整个表格。

必须为用户和在代码中直观地创建分组以便于数据处理。默认情况下，

和

元素用于对相关表单数据字段进行分组。

示例 1：下面的示例显示了 HTML 中默认

标记的用法。

HTML

  

    
Welcome To GFG
  
    

        

            Shipping Address:
        
        

            
                Name:
            
            

            
        
  
        

            
                Street:
            
            

            
        
    
  
    

        

            Billing Address:
        
        

            
                Name:
            
            

            
        
        

            
                Street:
            
            

            
        
    

  

输出：

fieldset 效果的替代： fieldset 标签的效果可以使用自定义 CSS 来实现，以防用户不想使用

标签。它巧妙地使用了边框、边距和各种其他 CSS 属性来实现类似的效果。

示例 2：下面的示例演示了替代字段集效果。

HTML

  

    

  

    
    

        

            Fieldset 1 Legend
        
        Original Fieldset
    
  
    
    

        

            
                Custom created Fieldset
            
        
        

            
                Name:
            
            

            
        
        

            
                Street:
            
            

            
        
    

  

输出：