Semantic-UI 评论回复表单内容
在本文中,我们将了解来自内容的评论回复。 Semantic-UI 是一个类似于 bootstrap 的开源前端开发框架,用于设计响应式网站。
它配备了预构建的语义组件,有助于使用用户友好的 HTML 创建响应式布局,它使用预定义的 CSS 和 jQuery 来整合不同的框架。
评论元素中有四种类型的内容,下面列出了这些内容:
- 头像内容:出现在评论左侧的头像,该小尺寸头像称为头像。
- 元数据内容:每当个人对网站发表任何评论时,都会定义任意数量的元数据。评论可以包含关于评论的额外信息。
- 操作:评论可以包含用户可能执行的与评论相关的一些操作的列表,例如,如果用户想要隐藏评论,那么如果有选项,他们可以隐藏评论。
- 回复表单:评论可以包含回复评论的表单,这可能具有任意内容。
简而言之,每当您对自己的 Instagram 个人资料发表评论时,您的评论下方都会有再次回复的选项。
句法:
方法:
- 创建一个 HTML 文件并导入语义 UI 框架。
- 之后,您只需在回复表单中添加评论即可。
- 在最后一步,您可以应用一些 CSS 属性来增强您的网站界面。
示例:以下示例说明了 Semantic-UI 评论回复表单的内容:
HTML
< !DOCTYPE html >
GeeksforGeeks
Semantic UI - Comment Reply Form Content
输出:
参考: https://semantic-ui.com/views/comment.html#reply-form
Comments