Semantic-UI 表单复选框内容

Semantic UI是一个开源框架，它使用 CSS 和 jQuery 使我们的网站看起来漂亮且响应迅速。它具有预定义的类，例如引导程序，用于使我们的网站更具交互性。它有一些预先构建的语义组件，我们可以使用这些组件来创建响应式网站。

表单是一个容器，具有不同类型的输入元素，例如文本字段、提交按钮、单选按钮、复选框等。

Semantic-UI Form用于使用表单类创建漂亮的表单。 Semantic-UI 表单复选框内容用于使用复选框类创建复选框。

在本文中，我们将讨论 Semantic-UI 中的表单复选框内容。

Semantic-UI 表单复选框内容类：

• checkbox ：该类用于创建复选框。

句法：

示例 1：以下代码演示了带有标准复选框和单选复选框的语义 UI 表单复选框内容。

HTML

  

      
  
      
  
      
      

  

  
    
        GeeksforGeeks
    
    
    
      Semantic-UI Form Checkbox Content
    
  
    
      
        
          
          Standard Checkbox
        
      
        
      
        
          
          Radio Checkbox
        
      
    
  
  
  
    $('.ui.checkbox').checkbox();
  

  

输出：

示例 2：以下代码演示了带有滑块复选框和切换复选框的语义 UI 表单复选框内容。

HTML

  

  
  
  
  
  

  

  
    
        GeeksforGeeks
    
    
    
      Semantic-UI Form Checkbox Content
    
  
    
      
        
          
          Slider Checkbox
        
      
        
      
        
          
          Toggle Checkbox
        
      
    
  
  
  
    $('.ui.checkbox').checkbox();
  

  

输出：

参考： https://semantic-ui.com/collections/form.html#checkbox