How to specify that an option-group should be disabled in HTML5 ?

How to specify that an input element should be disabled?

Last Updated : 19 Jun, 2024

The disabled attribute for <input> element is used to specify that the input field is disabled. A disabled input is un-clickable and unusable. It is a boolean attribute. The disabled <input> elements are not submitted in the form.

Syntax:

<input disabled>

Example: In this example, to specify that an input element should be disabled in HTML, add the disabled attribute to the input tag. This attribute prevents users from interacting with the input field, visually indicating its disabled state. When the disabled attribute is present, it specifies that the input field is disabled. We can not write any content on the disabled input field.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        How to specify that an input element
        should be disabled in HTML?
    </title>
    <style>
        label {
            display: block;
            padding: 10px;
        }
    </style>
</head>

<body style="text-align:center">

    <h2>
        Input element
        <br>should be disabled in HTML
    </h2>

    <label>Disabled Input Field:

        <!--A disabled input-->
        <input type="text" name="value" 
               value="This input field is disabled" 
               disabled>
    </label>

    <label>Input Field

        <!--A disabled input-->
        <input type="text" name="value" 
               value="Not disabled">
    </label>
</body>

</html>

Output:

disabledinput — Output

Supported Browsers

Apple Safari: 1.0
Google Chrome: 1.0
Firefox: 1.0
Opera: 1.0

How to specify that an option-group should be disabled in HTML5 ?

V

vkash8574

Improve

Article Tags :

Similar Reads

How to specify that a keygen element should be disabled in HTML ?

The <keygen>element in HTML helps in encryption key generation so that data can be transferred between the server and client securely. This encryption may affect the user experience and reduce website performance in the case of users with fewer system requirements. This can cause issues in the

How to specify that an option should be disabled in HTML5 ?

The <select> tag is used to create a drop-down list in an HTML document. Generally, it is used in the forms when some data is to be collected from the user. By default, all the values or options can be chosen or selected from the drop-down list created using the <select> element. However

How to specify that an option-group should be disabled in HTML5 ?

We will use <optgroup> and <option> tags to create an option-group list and use the disabled attribute with <optgroup> to create a disabled option-group list. The <optgroup> tag is used to create a group of the same category options in a drop-down list. The <optgroup> t

How to specify whether an input element should have autocomplete disabled or not ?

The autocomplete attribute specifies whether an autocomplete input field should be enabled. The browser can predict the value using autocomplete. The browsing options to fill in the field, based on earlier typed values, should be shown for the user while typing a field. If the autocomplete feature i

How to specify that a button should be disabled using HTML5?

In this article, we specify a disabled Button by using a disabled attribute in a <Button> Element. A disabled button is un-clickable and unusable. It is a boolean attribute. Syntax: <button disabled></button> Example: html <!DOCTYPE html> <html> <head> <title

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

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 at

How to find all elements that are disabled in jQuery ?

In this article, we will learn how to find all elements on the page that are disabled using jQuery. Approach: The :disabled selector can be used to get all elements on the page that are currently disabled. These elements are iterated over using the each() method. The elements can then be individuall

How to specify the type of an input element using HTML ?

In this article, we will specify the type of an input element using HTML. The HTML <input> type attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value"> Attribute Values: button: It i

jQuery | disable/enable an input element

The disable/enable an input element in jQuery can be done by using prop() method. The prop() method is used to set or return properties and values for the selected elements. Example 1: This example uses prop() method to disable the input text field. html <!DOCTYPE html> <html> <head

Which attribute is used to disabled the specific input field in HTML Form ?

HTML5 introduced many attributes that are used for developing an efficient webpage. In this article, we will learn to disable the particular input field by using the "disable" attribute with the specific type of input. The disabled attribute is a boolean attribute that is used to vandalize the input