Bulma 文本区域大小

Bulma 是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度响应的。它使用类来实现其设计。

Bulma textarea 表单元素是输入元素的多行版本。我们将使用带有 textarea 类的 元素在 Bulma 中创建 textarea 元素。</p><div class="textBasedMannualAds"></div><p> <strong>Bulma Textarea Size</strong>用于设置 textarea 字段的大小。 Bulma 中有四种不同的输入尺寸可供选择——小、普通、中和大。您可以使用 Bulma 提供的类中的一个来设置输入大小。输入字段的默认大小是正常的。</p><p> <strong>Bulma Textarea 大小类：</strong></p><ul><li> <strong>is-small：</strong>用于将 textarea 字段的大小设置为小。</li><li> <strong>is-normal：</strong>用于设置 textarea 字段大小为正常。</li><li> <strong>is-medium：</strong>用于将 textarea 字段的大小设置为中等。</li><li> <strong>is-large：</strong>用于将 textarea 字段的大小设置为大。</li></ul><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-small" placeholder="Small textarea">

示例：此示例描述了 Bulma 文本区域大小类。

HTML

  

    
    

  

    

        GeeksforGeeks
    
    
Bulma Textarea Sizes
  
  
    

                
        

  
                
        

  
                
        

  
                
    

  

输出：

参考： https://bulma.io/documentation/form/textarea/#sizes