📜  如何创建带有可点击标签的 HTML 复选框?

📅  最后修改于: 2021-10-29 03:52:58             🧑  作者: Mango

制作带有可点击标签的 HTML 复选框意味着单击标签时复选框会打开/关闭

以下是方法:

  • 使用标签标签内的复选框:
    
    
      
    
        
            Create an HTML checkbox with a clickable label
        
      
        
        
    
      
    
        

          GeeksforGeeks   

                   

    输出:
    点击标签前:

    点击标签后:

  • 使用 for 属性:使用 input 标签创建一个复选框,然后使用 for 属性为创建的复选框创建一个标签。
    
    
      
    
        
            Create an HTML checkbox 
          with a clickable label
        
      
        
        
    
      
    
        

    GeeksforGeeks

                        

    输出:
    点击标签前:

    点击标签后: