Open In App

How to specify that a group of related form elements should be disabled using HTML?

Last Updated : 16 Jun, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we will learn how to specify that a group of related form elements should be disabled using HTML. When the disabled attribute is present, it specifies that the input field is disabled. We can not write any content in a disabled input field.

Approach: We will be using the disabled attribute with the <fieldset> element. The disabled attribute for <fieldset> element in HTML is used to specify that the group of related form elements is disabled. A disabled fieldset is unclickable and unusable. It is a boolean attribute.

Syntax:

<fieldset disabled>content</fieldset>

Example: In this example, we will see the use of a disabled attribute.

HTML




<html>
 
<body style="text-align:center">
    <h2>
        How to specify that a group of related
        form elements should be disabled using HTML ?
    </h2>
    <p>This field set is disabled.</p>
   
    <!-- A disabled fieldset -->
    <fieldset disabled>
        Name: <input type="text"><br>
        Password: <input type="text"><br>
        <input type="submit" value="Click me">
 
    </fieldset>
    <p>This field set is not disabled.</p>
   
    <!-- Not a disabled fieldset -->
    <fieldset>
        Name: <input type="text"><br>
        Password: <input type="text"><br>
        <input type="submit" value="Click me">
    </fieldset>
</body>
 
</html>


Output:



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads