📜  Semantic-UI 消息否定/错误变化

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

Semantic-UI 消息否定/错误变化

Semantic-UI是一个开源框架,它具有一些预定义的类,可以使我们的网站看起来美观且响应迅速。它类似于引导程序,因为它具有预定义的类供使用。它使用 CSS 和 jQuery 来构建界面。它有一些不同类型的元素可以帮助我们创建一个漂亮的网站。 Semantic-UI Message用于显示一些重要信息。 Negative / Error Variation用于显示否定和错误消息。我们使用否定类来显示否定消息,使用错误类来显示错误消息。在本文中,我们将讨论 Semantic-UI 中的 Message Negative / Error Variation。

Semantic-UI 消息否定/错误变化类:

  • 否定:该类用于显示否定消息。
  • error:该类用于显示错误信息。

句法:

.....

示例 1:以下代码演示了 Semantic-UI Message Negative / Error Variation 以显示否定消息

HTML



  Semantic-UI Message Negative / Error Variation
  


  
    

      GeeksforGeeks     

    

      Semantic-UI Message Negative / Error Variation     

  
     
    
      Sorry, you can't apply for this job.     
    

      This job has expired     

     


HTML


  

    Semantic-UI Message Negative / Error Variation
    

  

  
    

      GeeksforGeeks     

    

      Semantic-UI Message Negative / Error Variation     

  
  
    
      There are some errors that occurred.     
    
          
  •         You must enter your first name       
  •       
  •         You must enter your mobile number       
  •       
  •         You must enter your email id       
  •     
  


输出:

Semantic-UI 消息否定/错误变化

Semantic-UI 消息否定/错误变化

示例 2:以下代码演示了 Semantic-UI Message Negative / Error Variation 以显示错误消息

HTML



  

    Semantic-UI Message Negative / Error Variation
    

  

  
    

      GeeksforGeeks     

    

      Semantic-UI Message Negative / Error Variation     

  
  
    
      There are some errors that occurred.     
    
          
  •         You must enter your first name       
  •       
  •         You must enter your mobile number       
  •       
  •         You must enter your email id       
  •     
  

输出:

Semantic-UI 消息否定/错误变化

Semantic-UI 消息否定/错误变化

参考: https://semantic-ui.com/collections/message.html#negative–error