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

How to specify the type of button using HTML5 ?

Last Updated : 31 Mar, 2021

To specify the button type in HTML5, we can use the HTML | <button> type Attribute. This attribute is used to specify the type of button. It specifies the type attribute of the <button> element. The default types of <button> elements can vary from browser to browser.

Syntax:

<button type="button|submit|reset">

Example:

HTML

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            HTML button type Attribute 
        </title> 
    </head> 
    
    <body> 
        <h1>GeeksforGeeks</h1> 
        
        <h3>Specifying the Button type</h3> 
        
        <form action="#" method="get"> 
            Username: <input type="text" name="uname"> 
            
            <br><br> 
            
            Password: <input type="password" name="pwd"> 
            
            <br><br> 
            
            <button type="submit" value="submit"> 
                Submit 
            </button> 
            
            <button type="reset" value="reset"> 
                Reset 
            </button> 
        </form> 
    </body> 
</html>

Output:

button type

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

S

skyridetim

Improve

Article Tags :

Similar Reads

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

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 media type of the target URL in HTML5 ?

You can easily specify the media type of the target URL in HTML5 using the media attribute of HTML. This attribute is used to specify that the target URL is designed for special devices (like iPhone, Android, etc), speech or print media, projectors, tv, and so on.Syntax:<a href="" media="screen"

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

In this article, we will set the value of an input element using HTML. The value attribute for <input> element in HTML is used to specify the initial value of the input element. It has different meaning for different input type: The â€œbuttonâ€, â€œresetâ€ and â€œsubmitâ€ property specifies the text on

How to specify the media type of the script in HTML5 ?

The HTML <script> type attribute specifies the type of script that is being represented. The type attribute identifies the content that appears between the <script> and </script> tags. It specifies the script's MIME type and identifies the Tag's content. It has a single value, medi

How to use URL of the image as a submit button in 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. In this article, we set the image as button value. It creates the image as the submit button. Syntax: <input type="image"> Attribute

How to specify the type of the media resource in HTML5 ?

Here, we will see how to set the media type of the media resource using HTML. To select the media type of media resource we use the <source> tag. This tag is used to attach multimedia files like audio, video, and pictures to a web page or website. The <audio>, <video>, and <pict

How to Style Text Buttons using CSS?

Text buttons are buttons that consist only of text without any additional background or border styling. They are commonly used for simple actions or navigation elements in a website or web application. Table of Content Basic StylingHover EffectsBasic StylingIn basic CSS we can style text buttons usi

How to add icons in the button in HTML ?

Adding icons in buttons in HTML involves including visual symbols or images within buttons to enhance their appearance and usability. This can be done using icon libraries like Font Awesome, Bootstrap Icons, or Material Icons, or by inserting images directly with <img> tags for visual cues.Add

HTML DOM Button type Property

The Button type Property is used to set or return the value of a type attribute of a <button> element.Â Syntax:Â It returns the type property.buttonObject.typeIt sets the type property.buttonObject.type = "submit|button|reset"Property Values:Â Property Value Description submit It defines a sub