Semantic-UI 表单文本区域内容
Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。语义 UI 为我们提供了一种非常简单的方式来设置 Web 应用程序的样式,而不是使用 CSS。 Semantic-UI 表单为我们提供了一种结构化的方式来显示一组相关的输入字段。它提供不同变体、类型、组和状态的表单。
在本文中,我们将了解 Semantic-UI 表单文本区域内容以及实现和示例代码。 Semantic-UI 表单文本区域内容为我们提供了一种允许扩展用户输入的方法。我们可以通过将 rows 设置为属性来指定文本区域的高度来制作指定大小的文本区域。
Semantic-UI 表单文本区域内容类:
- field:该类用于表示输入字段。
注意:使用 HTML 标记在表单中提供文本区域以启用扩展的用户输入。
句法:
示例 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
输出:
示例 2:如果我们想制作一个特定大小的文本区域,我们可以使用textarea的 rows 属性,如下例所示。
HTML
Semantic-UI Form Text Area Content
Geeksforgeeks
Semantic-UI Form Text Area Content
输出:我们可以在输出中观察到一个 20 行的文本区域。
参考: https ://semantic-ui.com/collections/form.html#text-area