Open In App

Blaze UI Input Disabled Fieldset

Improve
Improve
Like Article
Like
Save
Share
Report

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/



Last Updated : 21 Apr, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads