📜  Semantic-UI 评论回复表单内容

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

Semantic-UI 评论回复表单内容

在本文中,我们将了解来自内容的评论回复。 Semantic-UI 是一个类似于 bootstrap 的开源前端开发框架,用于设计响应式网站。

它配备了预构建的语义组件,有助于使用用户友好的 HTML 创建响应式布局,它使用预定义的 CSS 和 jQuery 来整合不同的框架。

评论元素中有四种类型的内容,下面列出了这些内容:

  • 头像内容:出现在评论左侧的头像,该小尺寸头像称为头像。
  • 元数据内容:每当个人对网站发表任何评论时,都会定义任意数量的元数据。评论可以包含关于评论的额外信息。
  • 操作:评论可以包含用户可能执行的与评论相关的一些操作的列表,例如,如果用户想要隐藏评论,那么如果有选项,他们可以隐藏评论。
  • 回复表单:评论可以包含回复评论的表单,这可能具有任意内容。

简而言之,每当您对自己的 Instagram 个人资料发表评论时,您的评论下方都会有再次回复的选项。

句法:

方法:

  • 创建一个 HTML 文件并导入语义 UI 框架。
  • 之后,您只需在回复表单中添加评论即可。
  • 在最后一步,您可以应用一些 CSS 属性来增强您的网站界面。

示例:以下示例说明了 Semantic-UI 评论回复表单的内容:

HTML
< !DOCTYPE html >
    
  
        
            
        
  
        
            
                

                    GeeksforGeeks                 

                                        Semantic UI - Comment Reply Form Content                              
                  
                

                    Comments                 

                   
                                                                                                                   
                        Avantika                                                     
                            How artistic!                         
                           
                            Reply                         
                    
                
            
                


输出:

参考: https://semantic-ui.com/views/comment.html#reply-form