📜  Semantic-UI 表单文本区域内容

📅  最后修改于: 2022-05-13 01:56:17.489000             🧑  作者: Mango

Semantic-UI 表单文本区域内容

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。语义 UI 为我们提供了一种非常简单的方式来设置 Web 应用程序的样式,而不是使用 CSS。 Semantic-UI 表单为我们提供了一种结构化的方式来显示一组相关的输入字段。它提供不同变体、类型、组和状态的表单。

在本文中,我们将了解 Semantic-UI 表单文本区域内容以及实现和示例代码。 Semantic-UI 表单文本区域内容为我们提供了一种允许扩展用户输入的方法。我们可以通过将 rows 设置为属性来指定文本区域的高度来制作指定大小的文本区域。

Semantic-UI 表单文本区域内容类:

  • field:该类用于表示输入字段。

注意:使用

示例 1:以下示例说明了 Semantic-UI 表单文本区域内容的使用。

HTML

  

  Semantic-UI Form Text Area Content
  
  
   
  
  

  

  
    
      

Geeksforgeeks

      Semantic-UI Form Text Area Content       

         
        
                              
                  
    
  
  


HTML

    

  Semantic-UI Form Text Area Content
  
  
  
   
  
  

  

  
    
      

Geeksforgeeks

      Semantic-UI Form Text Area Content       

      
        
                              
      
                
  
  


输出:

Semantic-UI 表单文本区域内容

Semantic-UI 表单文本区域内容

示例 2:如果我们想制作一个特定大小的文本区域,我们可以使用textarea的 rows 属性,如下例所示。

HTML


    

  Semantic-UI Form Text Area Content
  
  
  
   
  
  

  

  
    
      

Geeksforgeeks

      Semantic-UI Form Text Area Content       

      
        
                              
      
                
  
  

输出:我们可以在输出中观察到一个 20 行的文本区域。

Semantic-UI 表单文本区域内容

Semantic-UI 表单文本区域内容

参考https ://semantic-ui.com/collections/form.html#text-area