Skip to content
Related Articles

Related Articles

Blaze UI Input Disabled Fieldset

Improve Article
Save Article
  • Last Updated : 21 Apr, 2022
Improve Article
Save Article

Blaze UI is an open-source CSS framework. It is a lightweight UI toolkit that provides great tools for building customized and scalable applications. It can work with any framework that exists. It can adapt to any ecosystem. All designs or CSS are mobile-first and hence responsive. Its project is available open-source so a large community maintains it. In this article, we will discuss Input Disabled Fieldset in Blaze UI.

Blaze UI Input Disabled Fieldset is used to disable the fieldset and apply the disable style to it. To disable the fieldset, we will use the disabled attribute.

Blaze UI Input Disabled Fieldset Attribute:

  • disabled: This attribute is used to disable the fieldset.

Syntax:

<fieldset class="o-fieldset" disabled>
     ...
</fieldset>

Example 1: The following example demonstrates the use of Blaze UI Input Disabled Fieldset.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
  <title> Blaze UI Input Disabled Fieldset </title>
  <link rel="stylesheet" href=
</head>
  
<body>
    <div class="u-centered">
        <h1 style="color: green;"> GeeksforGeeks </h1>
        <h3> Blaze UI Input Disabled Fieldset </h3>
  
        <fieldset class="o-fieldset" disabled>
            <legend class="o-fieldset__legend">
                Choices:
            </legend>
  
            <label class="c-field c-field--choice">
              <input type="radio" name="choice">
              GFG choice 1
            </label>
  
            <label class="c-field c-field--choice">
              <input type="radio" name="choice">
              GFG choice 2
            </label>
              
            <label class="c-field c-field--choice">
              <input type="radio" name="choice">
              GFG choice 3
            </label>
        </fieldset>
    </div>
</body>
  
</html>


Output:

Blaze UI Input Disabled Fieldset

Example 2: The following code demonstrates the use of Blaze UI Input Disabled Fieldset using images.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
  <title> Blaze UI Input Disabled Fieldset </title>
  <link rel="stylesheet" href=
</head>
  
<body>
    <div class="u-centered">
        <h1 style="color: green;"> GeeksforGeeks </h1>
        <h3> Blaze UI Input Disabled Fieldset </h3>
  
        <fieldset class="o-fieldset" disabled>
            <legend class="o-fieldset__legend">
                Choices:
            </legend>
  
            <label class="c-field c-field--choice">
              <input type="radio" name="choice">
              <img src=
            </label>
  
            <label class="c-field c-field--choice">
              <input type="radio" name="choice">
              <img src=
            </label>
        </fieldset>
    </div>
</body>
  
</html>


Output:

Blaze UI Input Disabled Fieldset

Reference: https://www.blazeui.com/components/inputs/


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!