语义 UI 输入图标变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 输入是用于获取用户输入的字段。输入类型定义了您向用户询问的输入类型。它为我们提供了不同的输入变体，如图标、标记、动作、透明、倒置、流体和大小。

在本文中，我们将了解语义 UI 输入图标变体。

当我们想要在任何输入字段内显示图标时，使用语义 UI 输入图标变体。

语义 UI 输入图标变体类：

icon：该类用于在输入字段中包含图标。

句法：

示例：以下示例说明了语义 UI 输入图标的变体。在此示例中，我们将创建两个输入字段，我们将在其中使用两个不同的图标。

HTML



  

    Semantic-UI Input Icon Variation
    

  

    
        GeeksforGeeks
        Semantic-UI Input Variations Icon Variant
        


        Username:
        
            
            
        
        Password:

输出：

语义 UI 输入变体图标变体

参考链接： https://semantic-ui.com/elements/input.html#icon