Bulma Textarea 州Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度响应的。它使用类来实现其设计。 Bulma textarea 表单元素是输入元素的多行版本。我们将使用带有 textarea 类的 元素在 Bulma 中创建 textarea 元素。</p><div class="textBasedMannualAds"></div><p> <strong>Bulma Textarea States</strong>用于设置 Textarea 字段的不同状态。 Textarea 字段有许多不同的可用状态——正常、悬停、聚焦、加载、禁用、只读和固定大小。您可以使用 Bulma 提供的类设置文本区域状态。</p><p> <strong>Bulma Textarea 状态类：</strong></p><ul><li> <strong>textarea：</strong>用于创建普通/默认 textarea 字段。</li><li> <strong>is-hovered：</strong>用于创建悬停的 textarea 字段。此类与 textarea 类一起使用。</li><li> <strong>is-focused：</strong>用于创建有焦点的 textarea 字段。此类与 textarea 类一起使用。</li><li> <strong>is-loading：</strong>用于创建加载文本区域字段。此类与控制类容器一起使用。</li><li> <strong>has-fixed-size：</strong>用于创建固定大小的 textarea 字段。此类与 textarea 类一起使用。</li></ul><p><strong>注意：</strong>我们可以通过在控制类容器中添加 is-small、is-medium 或 is-large 类来调整加载狙击手的大小。</p><p><strong>句法：</strong> </p><div class="hcb_wrap"><pre class="prism undefined-numbers lang-css" data-lang="CSS"><code class="replace"><textarea class="textarea is-focused" placeholder="Focused textarea"> 禁用状态：我们将使用 HTML disabled 属性来禁用 textarea 字段。</p><p><strong>只读：</strong>我们将使用 HTML <textarea> 只读属性使 textarea 字段不可编辑。</p><p><strong>例子：</strong></p><div><h5 class="code">HTML</h5><div class="hcb_wrap"><pre class="prism undefined-numbers lang-html" data-lang="HTML"><code class="replace"><!DOCTYPE html> <html> <head> <title>Bulma Textarea States</title> <link rel='stylesheet' href= 'https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css'> </head> <body class="has-text-centered"> <h1 class="is-size-1 has-text-success"> GeeksforGeeks </h1> <p class="is-size-3"> Bulma Textarea States </p> <div class="container"> <div class="control"> <textarea class="textarea" placeholder="Normal textarea field">